Loader by doniaskima
#e8e8e8
1/* HTML: <div class="loader"></div> */ 2.loader { 3 width: fit-content; 4 font-weight: bold; 5 font-family: monospace; 6 font-size: 30px; 7 background: linear-gradient(90deg,#000 50%,#0000 0) right/200% 100%; 8 animation: l21 2s infinite linear; 9} 10 11.loader::before { 12 content: "Loading..."; 13 color: #0000; 14 padding: 0 5px; 15 background: inherit; 16 background-image: linear-gradient(90deg,#fff 50%,#000 0); 17 -webkit-background-clip: text; 18 background-clip: text; 19} 20 21@keyframes l21 { 22 100% { 23 background-position: left 24 } 25}
787 views
787 views
MIT License