Glowing text effect with pure CSS3

preview_player
Показать описание
Please LIKE our NEW Facebook page for daily updates...
Рекомендации по теме
Комментарии
Автор

Thanks for your work. But it seems this performance would be much better if there will be some comments of process

prometheusmusic
Автор

Why does it not work on numbers?? That thing you put inside the div and span tags.

keyboard
Автор

For me the Text Disappears after putting the code to animate the box 4:30. If someone can help:


#intro .glowing span{
color:#ffff;
font-size: 2rem;
font-family: "Source Sans Pro", Helvetica, sans-serif;
display: inline-block;
animation: animate 2s linear infinite;
width: 2.5rem;
height: 3rem;
text-align: center; line-height: 3rem;
border: 3px solid rgba(255, 255, 255, 0.8);
margin: 0 -.16rem;
}

@keyframes animate{

{
Color: #f000;
box-shadow: 0 2px 10px rgba(255, 0, 0, 1);
border: 1px solid rgba(255, 0, 0, 1)
}
33%
{
Color: #ff00;
box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
border: 1px solid rgba(255, 255, 0, 1)
}
}

Sarthaknehavikas