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;
}
}
Смотрите видео Neon Blink Text Effect in CSS part 4 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Masters In Web Design 26 Январь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 10 раз и оно понравилось 2 людям.