Neon Blink Text Effect in CSS part 4
Neon Blink Text Effect in CSS
/*CSS*/
*,*::before,*::after{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
font-family: sans-serif;
width: 100%;
min-height: 100vh;
display: grid;
place-items: center;
background: #222;
}
body h1{
font-size: 3rem;
color: #FFF;
text-transform: uppercase;
animation: blinkText 1s ease-in-out infinite;
}
@keyframes blinkText{
from{
text-shadow: 0 0 10px #2cdef5,
0 0 10px #2cdef5,
0 0 10px #2cdef5,
0 0 20px #2cdef5,
0 0 20px #2cdef5,
0 0 30px #2cdef5,
0 0 40px #2cdef5,
0 0 50px #2cdef5;
}
}
Watch video Neon Blink Text Effect in CSS part 4 online without registration, duration hours minute second in high quality. This video was added by user Masters In Web Design 26 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10 once and liked it 2 people.