Last Updated: February 25, 2016
·
400
· darthwhite

CSS3 Filters

For the moment though, -webkit- (Chrome and Safari) is the only browser engine supporting these properties.

{-webkit-filter: saturate(3);}
{-webkit-filter: grayscale(100%);}
{-webkit-filter: contrast(160%);}
{-webkit-filter: brightness(0.25);}
{-webkit-filter: blur(3px);}
{-webkit-filter: invert(100%);}
{-webkit-filter: sepia(100%);}
{-webkit-filter: hue-rotate(180deg);}
{-webkit-filter: opacity(50%);}
{-webkit-filter: drop-shadow(5px 5px 5px black);}