#212121
1.loader { 2 width: 45px; 3 height: 40px; 4 background: linear-gradient(#0000 calc(1*100%/6),#fff 0 calc(3*100%/6),#0000 0), 5 linear-gradient(#0000 calc(2*100%/6),#fff 0 calc(4*100%/6),#0000 0), 6 linear-gradient(#0000 calc(3*100%/6),#fff 0 calc(5*100%/6),#0000 0); 7 background-size: 10px 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} 21
4.2K views
4.2K views
Comments
Variations
2zeynabashouri
113 views
MIT License