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="">
ПафНутиЙ 27.03.2013 сниппет, css3, картинка CSS Сниппеты 12388
img.grayscale:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
<img class="grayscale" src="image.png" alt="">