CSS3 Click Chart


The filters module describes a number of different features that allow you to add Photoshop-like effects to elements using pure CSS. Features include hue, grayscale, sepia, blur, invert, saturate, and more.


Filter Effects on W3C

Example Code

Live Demonstration

The image on the left is the original. The one on the right has a filter applied.

Browser Support

Tools / Polyfills

CSS Filter Effects

Tutorials / Articles

CSS Filters on David Walsh Blog
Say Hello to CSS3 Filters

Fork me on GitHub