Loader by jack0237
#e8e8e8
1.loader .dot { 2 height: 20px; 3 width: 20px; 4 border-radius: 50%; 5 border: 2px solid #e8e8e8; 6 background: #16b0c1; 7 animation: jump 0.8s ease-in-out infinite alternate; 8} 9 10@keyframes jump { 11 100% { 12 background: #661e92; 13 transform: translateY(-3rem) scale(1.9); 14 } 15} 16 17.loader .dot:nth-child(1) { 18 animation-delay: 0.1s; 19} 20 21.loader .dot:nth-child(2) { 22 animation-delay: 0.2s; 23} 24 25.loader .dot:nth-child(3) { 26 animation-delay: 0.3s; 27} 28 29.loader .dot:nth-child(4) { 30 animation-delay: 0.4s; 31} 32 33.loader .dot:nth-child(5) { 34 animation-delay: 0.5s; 35} 36
151 views
Variation of aloader
MIT License