Loader by ashish-yadv
#212121
1.loader { 2 display: flex; 3 gap: 0.6em; 4 list-style: none; 5} 6 7.dots { 8 width: 15px; 9 height: 15px; 10 border-radius: 50%; 11 background: #ffffff; 12} 13 14#dot-1 { 15 animation: loader-1 0.6s infinite ease-in-out; 16} 17 18@keyframes loader-1 { 19 50% { 20 opacity: 0; 21 transform: translateY(-0.3em); 22 } 23} 24 25#dot-2 { 26 animation: loader-2 0.6s 0.3s infinite ease-in-out; 27} 28 29@keyframes loader-2 { 30 50% { 31 opacity: 0; 32 transform: translateY(-0.3em); 33 } 34} 35 36#dot-3 { 37 animation: loader-3 0.6s 0.6s infinite ease-in-out; 38} 39 40@keyframes loader-3 { 41 50% { 42 opacity: 0; 43 transform: translateY(-0.3em); 44 } 45}
418 views
418 views
MIT License