Черно-белая картинка средствами css
img.grayscale:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
HTML:
<img class="grayscale" src="image.png" alt="">
Источник:dle-faq.pro, DLE