Loader by akshat-patel28
#212121
1.loader { 2 position: relative; 3 overflow: hidden; 4 border-right: 3px solid; 5 width: 0px; 6 animation: typewriter 2s steps(10) infinite alternate , blink 0.5s steps(10) infinite; 7} 8 9.loader-text { 10 font-size: 40px; 11 font-weight: 700; 12 background: linear-gradient(to right,#159957, #155799); 13 -webkit-background-clip: text; 14 -webkit-text-fill-color: transparent; 15} 16 17@keyframes typewriter { 18 0% { 19 width: 0px; 20 } 21 22 100% { 23 width: 240px; 24 } 25} 26 27@keyframes blink { 28 0% { 29 border-right-color: rgba(255,255,255,.75); 30 ; 31 } 32 33 100% { 34 border-right-color: transparent; 35 } 36}
2.3K views
2.3K views
MIT License