Spooky Light Flickering Effect for Text in CSS

Image: Spooky Light Flickering Effect for Text in CSS GIF

Want to add some spooky effect to your webpage, then this Halloween inspired effect that you can apply to any block of text might be just the thing for you. Using pure CSS Ahmad Shadeed created this snippet. You can highlight a section of that text that will glow brighter than the rest and you will see that while the other bits of text fades into the background this text will brighten up.

If you are having trouble with the pen, try the archived copy on GitHub

Spooky Light Flickering Effect Snippet

See the Pen There is light by Ahmad Shadeed (@shadeed) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.