This post is saved as a draft.
#e8e8e8
1.spinner { 2 --d: 24.6px; 3 width: 4.5px; 4 height: 4.5px; 5 border-radius: 50%; 6 color: #474bff; 7 box-shadow: calc(1*var(--d)) calc(0*var(--d)) 0 0, 8 calc(0.707*var(--d)) calc(0.707*var(--d)) 0 1.1px, 9 calc(0*var(--d)) calc(1*var(--d)) 0 2.2px, 10 calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3.4px, 11 calc(-1*var(--d)) calc(0*var(--d)) 0 4.5px, 12 calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5.6px, 13 calc(0*var(--d)) calc(-1*var(--d)) 0 6.7px; 14 animation: spinner-a90wxe 1s infinite steps(8); 15} 16 17@keyframes spinner-a90wxe { 18 100% { 19 transform: rotate(1turn); 20 } 21}
Variation of aloader
Variation of aloader