Loader by choudhary-usman
#e8e8e8
1.loader { 2 --s: 15px; 3 width: calc(var(--s) * 2.33); 4 aspect-ratio: 1; 5 display: flex; 6 justify-content: space-between; 7} 8.loader::before, 9.loader::after { 10 content: ""; 11 width: var(--s); 12 --_g: no-repeat radial-gradient(farthest-side, #000 94%, #0000); 13 background: var(--_g) top, var(--_g) bottom; 14 background-size: 100% var(--s); 15 transform-origin: 50% calc(100% - var(--s) / 2); 16 animation: l30 1s infinite; 17} 18.loader::after { 19 transform-origin: 50% calc(var(--s) / 2); 20} 21@keyframes l30 { 22 70%, 23 100% { 24 transform: rotate(-270deg); 25 } 26} 27
143 views
143 views
MIT License