CRT Scanlines Effect is a CSS effect and animation, which you can add to your HTML pages to evoke a retro, low-resolution, cathode ray display look. The effect will add an overlay to the contents of your page – that will not hinder the page’s interaction and functionality – to mimic the feel of an old-school monitor.

There is a CRT base version, an RGB-bleeding version, and an additional effect to be used in concert with both: an animated rolling scan ray.

Using it is very simple: you will just need to add a div with a single specific class in your web page.


  • Pure CSS3
  • 4-in-1 effect
  • Fully commented code

⤥ Download Links ⤦