Loader by vikramsinghnegi
#e8e8e8
1/* HTML: <div class="loader"></div> */ 2.loader { 3 display: inline-flex; 4 border: 10px solid #000; 5 border-radius: 5px; 6} 7.loader::before, 8.loader::after { 9 content: "0 1 2 3 4 5 6 7 8 9 0"; 10 font-size: 30px; 11 font-family: monospace; 12 font-weight: bold; 13 line-height: 1em; 14 height: 1em; 15 width: 1.2ch; 16 text-align: center; 17 outline: 1px solid #000; 18 color: #0000; 19 text-shadow: 0 0 0 #000; 20 overflow: hidden; 21 animation: l4 2s infinite linear; 22} 23.loader::before { 24 animation-duration: 4s; 25} 26@keyframes l4 { 27 100% { 28 text-shadow: 0 var(--t, -10em) 0 #000; 29 } 30} 31
259 views
259 views
MIT License