@-webkit-keyframes line-scale-party { 0% { -webkit-transform : scale(1); transform : scale(1); } 50% { -webkit-transform : scale(0.5); transform : scale(0.5); } 100% { -webkit-transform : scale(1); transform : scale(1); } } @keyframes line-scale-party { 0% { -webkit-transform : scale(1); transform : scale(1); } 50% { -webkit-transform : scale(0.5); transform : scale(0.5); } 100% { -webkit-transform : scale(1); transform : scale(1); } } .line-scale-party > div:nth-child(1) { -webkit-animation-delay : 0.73s; animation-delay : 0.73s; -webkit-animation-duration : 0.35s; animation-duration : 0.35s; } .line-scale-party > div:nth-child(2) { -webkit-animation-delay : 0.53s; animation-delay : 0.53s; -webkit-animation-duration : 0.62s; animation-duration : 0.62s; } .line-scale-party > div:nth-child(3) { -webkit-animation-delay : 0.55s; animation-delay : 0.55s; -webkit-animation-duration : 1.06s; animation-duration : 1.06s; } .line-scale-party > div:nth-child(4) { -webkit-animation-delay : -0.08s; animation-delay : -0.08s; -webkit-animation-duration : 0.51s; animation-duration : 0.51s; } .line-scale-party > div { background-color : #6B6F82; width : 4px; height : 3.45rem; border-radius : 2px; margin : 2px; -webkit-animation-fill-mode : both; animation-fill-mode : both; display : inline-block; -webkit-animation-name : line-scale-party; animation-name : line-scale-party; -webkit-animation-iteration-count : infinite; animation-iteration-count : infinite; -webkit-animation-delay : 0; animation-delay : 0; }