@keyframes ball-scale-multiple { 0% { transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative; } .ball-scale-multiple > div:nth-child(2) { animation-delay: -0.4s; } .ball-scale-multiple > div:nth-child(3) { animation-delay: -0.2s; } .ball-scale-multiple > div { background-color: #6B6F82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; top: 0px; opacity: 0; margin: 0; width: 60px; height: 60px; animation: ball-scale-multiple 1s 0s linear infinite; }