{ Nifty image filters }

CSS

Most modern browsers support these filters (not IE 9 & below)

https://css-tricks.com/almanac/properties/f/filter/

Grayscale grayscale( [ | ] )

 

img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

Sepia ( [ | ] )

img {
  -webkit-filter: sepia(1);
  filter: sepia(1);
}

Opacity ( [ | ] )

img {
  -webkit-filter: opacity(.5);
  filter: opacity(.5);
  /* IE 6/7/8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}