.mult2rect { height: 30px; width: 7px; margin: 0 2px; } .mult2rect1 { background-color: #F5D76E; -webkit-animation: mult2rect1 3s infinite linear; animation: mult2rect1 3s infinite linear; } @-webkit-keyframes mult2rect1 { 0%, 10%, 70%, 80%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 5%, 75% { -webkit-transform: scaleY(2); transform: scaleY(2); } } @keyframes mult2rect1 { 0%, 10%, 70%, 80%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 5%, 75% { -webkit-transform: scaleY(2); transform: scaleY(2); } } .mult2rect2 { background-color: #F4D03F; -webkit-animation: mult2rect2 3s infinite linear; animation: mult2rect2 3s infinite linear; } @-webkit-keyframes mult2rect2 { 0%, 5%, 15%, 65%, 75%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 10%, 70% { -webkit-transform: scaleY(2); transform: scaleY(2); } } @keyframes mult2rect2 { 0%, 5%, 15%, 65%, 75%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 10%, 70% { -webkit-transform: scaleY(2); transform: scaleY(2); } } .mult2rect3 { background-color: #EB9532; -webkit-animation: mult2rect3 3s infinite linear; animation: mult2rect3 3s infinite linear; } @-webkit-keyframes mult2rect3 { 0%, 10%, 20%, 60%, 70%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 15%, 65% { -webkit-transform: scaleY(2); transform: scaleY(2); } } @keyframes mult2rect3 { 0%, 10%, 20%, 60%, 70%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 15%, 65% { -webkit-transform: scaleY(2); transform: scaleY(2); } } .mult2rect4 { background-color: #EC644B; -webkit-animation: mult2rect4 3s infinite linear; animation: mult2rect4 3s infinite linear; } @-webkit-keyframes mult2rect4 { 0%, 15%, 25%, 55%, 65%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 20%, 60% { -webkit-transform: scaleY(2); transform: scaleY(2); } } @keyframes mult2rect4 { 0%, 15%, 25%, 55%, 65%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 20%, 60% { -webkit-transform: scaleY(2); transform: scaleY(2); } } .mult2rect5 { background-color: #C0392B; -webkit-animation: mult2rect5 3s infinite linear; animation: mult2rect5 3s infinite linear; } @-webkit-keyframes mult2rect5 { 0%, 20%, 30%, 50%, 60%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 25%, 55% { -webkit-transform: scaleY(2); transform: scaleY(2); } } @keyframes mult2rect5 { 0%, 20%, 30%, 50%, 60%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } 25%, 55% { -webkit-transform: scaleY(2); transform: scaleY(2); } }