Loader by Juanes200122
#e8e8e8
1.loader { 2 width: 60px; 3 aspect-ratio: 2; 4 --_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000); 5 background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%; 6 background-size: calc(100% / 3) 50%; 7 animation: l3 1s infinite linear; 8} 9@keyframes l3 { 10 20% { 11 background-position: 0% 0%, 50% 50%, 100% 50%; 12 } 13 40% { 14 background-position: 0% 100%, 50% 0%, 100% 50%; 15 } 16 60% { 17 background-position: 0% 50%, 50% 100%, 100% 0%; 18 } 19 80% { 20 background-position: 0% 50%, 50% 50%, 100% 100%; 21 } 22} 23
428 views
Variation of aloader
MIT License