@keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .ball-clip-rotate > div { background-color: #6B6F82; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; border: 2px solid #6B6F82; border-bottom-color: transparent; height: 25px; width: 25px; background: transparent !important; display: inline-block; animation: rotate 0.75s 0s linear infinite; }