1.6K views
CSSAdd prefixes
1.loader span { 2 font-size: 22px; 3 font-family: 'Courier New', Courier, monospace; 4 font-weight: 600; 5 animation: blur 3s linear infinite; 6 line-height: 20px; 7 transition: all 0.5s; 8 letter-spacing: 0.2em; 9} 10 11@keyframes blur { 12 0%, 90% { 13 filter: blur(0); 14 } 15 16 50% { 17 filter: blur(10px); 18 } 19}
HTML
1<div class="loader"> 2 <span>L</span> 3 <span>O</span> 4 <span>A</span> 5 <span>D</span> 6 <span>I</span> 7 <span>N</span> 8 <span>G</span> 9</div>