Share your repls and programming experiences

← Back to all posts
Flickering Neon Sign Text With Only CSS
CalSch

I made flickering neon text with only CSS, and here's how!
It was pretty easy, I made an animation that changes the opacity pseudo-randomly, here are the keyframes:

And different colors have different delays and duration.

That's all, Thanks for looking!

Voters
SilvermoonCat
SixBeeps
jihhyuu202
SumaitaAlam
figglediggle
Nathanielx3rd
HenryShears
VulcanWM
DynamicSquid
ch1ck3n
Comments
hotnewtop
Nathanielx3rd

Damn Calsch, as a fellow front-end dev I wanna say good job on this. Maybe try flickering and changing its color at the same time. Ans also you can add a "rainy day" themed background to really make it pop.

VulcanWM

Nice! I read it as a swear word help

GhostKing007

@VulcanWM have you considered completely leaving the internet? It is the solution to your problem

VulcanWM
GhostKing007

kekw @VulcanWM

MrVoo

Looks great! Not sure if it's possible, but if you want to make it more realistic try making the text brighter than the glow, and the glow more visible.

CalSch

@MrVoo I've updated it now!

lilykhan

nice

CoderGautamYT

I never thought you can do this much with CSS, dang