#212121
1.loader { 2 width: 60px; 3 height: 60px; 4 background: linear-gradient(#ff8a00 calc(1*100%/6),#fff 0 calc(3*100%/6),#ff8a00 0), 5 linear-gradient(#ff8a00 calc(2*100%/6),#fff 0 calc(4*100%/6),#ff8a00 0), 6 linear-gradient(#ff8a00 calc(3*100%/6),#fff 0 calc(5*100%/6),#ff8a00 0); 7 background-size: 15px 400%; 8 background-repeat: no-repeat; 9 animation: matrix 1s infinite linear; 10} 11 12@keyframes matrix { 13 0% { 14 background-position: 0% 100%, 50% 100%, 100% 100% 15 } 16 17 100% { 18 background-position: 0% 0%, 50% 0%, 100% 0% 19 } 20}
1.2K views
Variation of aloader
1.2K views
Variation of aloader
Comments
MIT License