Glowing Icons with CSS

[@saaie6593]

i love these types of videos, so real

[@erkyozturk5803]

Thanks for the short but very informative video!

[@anonymous_basics]

this video is very good i will give you a like.

[@vitalino1981]

Appreciate the explanation! Unlike other css tutorials on YT. But how would You animate it? If the goal is to get smooth light up effect

[@cluelessexpert]

thanks - one way could be to add an animation property to the icon class like
"animation: glow 1s forwards;" and
@keyframes glow {
to {
text-shadow:
0 0 0.5rem #fff,
0 0 1rem #fff,
0 0 1.5rem #fff,
0 0 2.5rem #d400ff,
0 0 5rem #d400ff,
0 0 5.5rem #d400ff,
0 0 6rem #d400ff;
}
}
But the animation may look weird, at least it looked weird while i tested it quickly. Just try different things

[@anonymous_basics]

your channel is good you earned a subscribe from me

[@drakehashimoto685]

It's a shame you can't use this on an actual website. Would've been neat.

[@azogderschander6391]

why not ?