Как обесцветить изображение используя CSS

Чтобы обесцветить картинки и изображения на сайте используя CSS - достаточно прописать следующие свойства для класса картинок, в данном случае для класса IMG:

.img {
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray; /* IE 6-9 */
}