@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.14s; animation-duration: 1.01s; } .line-scale-party > div:nth-child(2) { animation-delay: 0.68s; animation-duration: 1.06s; } .line-scale-party > div:nth-child(3) { animation-delay: 0.41s; animation-duration: 1.1s; } .line-scale-party > div:nth-child(4) { animation-delay: -0.13s; animation-duration: 1.22s; } .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; }