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);}
Written by Carlos Blanco
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css3
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#