Loader by zeynabashouri
#212121
1.loader { 2 width: 45px; 3 height: 40px; 4 background: linear-gradient( 5 #0000 calc(1 * 100% / 6), 6 #fff 0 calc(3 * 100% / 6), 7 #0000 0 8 ), 9 linear-gradient( 10 #0000 calc(2 * 100% / 6), 11 #fff 0 calc(4 * 100% / 6), 12 #0000 0 13 ), 14 linear-gradient( 15 #0000 calc(3 * 100% / 6), 16 #fff 0 calc(5 * 100% / 6), 17 #0000 0 18 ); 19 background-size: 10px 400%; 20 background-repeat: no-repeat; 21 animation: matrix 1s infinite linear; 22} 23 24@keyframes matrix { 25 0% { 26 background-position: 0% 100%, 50% 100%, 100% 100%; 27 } 28 29 100% { 30 background-position: 0% 0%, 50% 0%, 100% 0%; 31 } 32} 33
432 views
Variation of aloader
MIT License