Spooky Light Flickering Effect for Text in CSS

Worried about licensing?

Do you have right license for your templates and fonts?

Head over to our partner Envato Elements and unlock unlimited downloads of over 50 million digital assets with full commercial licensing.

  • 50+ Million Assets with Unlimited Downloads
  • Templates, Addons, Fonts, Footage, Photos, Brushes, Presets & More
  • Full Commercial licensing for client work

Get ultimate peace of mind!

Get Started Now
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.