@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.28s; animation-duration: 0.41s; } .line-scale-party > div:nth-child(2) { animation-delay: 0.45s; animation-duration: 0.45s; } .line-scale-party > div:nth-child(3) { animation-delay: 0.01s; animation-duration: 1.29s; } .line-scale-party > div:nth-child(4) { animation-delay: 0.66s; animation-duration: 1.03s; } .line-scale-party > div { background-color: #55595c; 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; }