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