What's this?

Demo showing CSS Filter Effects 1.0, specifically the filter functions, which are being implemented in Webkit.

In Webkit, filters can be applied to hw accelerated content ( e.g. img { transform: translateZ(0); } ).

Support: Chrome 18.0.976.0, Webkit nightly

CSS Filter Effects

-webkit-filter: none;
blur grayscale drop-shadow sepia brightness contrast hue-rotate invert saturate opacity
Animations: