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