Convert Images To Black And White With CSS

Coverting images to black and white with CSS filter property.

The HTML

<img src="picture.jpg" alt="" class="desaturate" />

The CSS

img.desaturate{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

Source