Loader by Smit-Prajapati
#000000
1.loader { 2 height: 2px; 3 width: 300px; 4 background: rgb(44, 44, 44); 5 position: relative; 6 overflow: hidden; 7} 8.loader .black_overlay { 9 background: linear-gradient( 10 87deg, 11 rgb(0, 0, 0) 0%, 12 rgba(0, 0, 0, 0.14) 30%, 13 rgba(0, 0, 0, 0.14) 70%, 14 rgb(0, 0, 0) 100% 15 ); 16 position: absolute; 17 inset: 0px; 18} 19.loader .light { 20 width: 70px; 21 height: 100%; 22 position: absolute; 23 left: -20%; 24 top: 0px; 25 background: linear-gradient( 26 87deg, 27 rgba(0, 0, 0, 0) 0%, 28 rgb(0, 204, 255) 40%, 29 rgb(0, 204, 255) 60%, 30 rgba(0, 0, 0, 0) 100% 31 ); 32 animation: light 2s infinite ease-in-out; 33} 34 35@keyframes light { 36 from { 37 left: -30%; 38 } 39 to { 40 left: 100%; 41 } 42} 43
569 views
569 views
MIT License