CRT Screen Text Flicker Animation in Pure 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
text animation distortion effect pure css retro
Image: CRT Screen Text Flicker Animation in Pure CSS GIF

Looking for that retro screen flickering effect that you see on the old CRT screens? This glitch text effect by Patrick H. Lauke will take you down memory lane. It gives the text that annoyingly but nostalgic flicker with a slight green tinge.

It’s not where you take things from — it’s where you take them to.

Jean-Luc Godard

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

CRT Flicker Snippet

See the Pen Annoying CRT retro flicker by Patrick H. Lauke (@patrickhlauke) on CodePen.default

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.