Loader by escannord
#e8e8e8
1.loader { 2 transform: rotateX(70deg); 3} 4 5.loader .element { 6 display: block; 7 border-left: 5px solid rgb(120, 47, 255); 8 border-right: 5px solid rgb(120, 47, 255); 9 border-top: dotted 2px rgb(92, 5, 114); 10 width: 10rem; 11 height: 1rem; 12 margin-top: 0.5rem; 13 perspective: 1000px; 14 animation: rotate 5s infinite linear; 15 animation-delay: calc(var(--i) * 0.2s); 16} 17 18@keyframes rotate { 19 100% { 20 transform: rotateY(360deg); 21 } 22} 23
489 views
Variation of aloader
MIT License