Сделаем изображение монохромным

от 2018 - 11 - 21

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

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg); /* Firefox 4+ */
filter: gray; /* IE 6-9 */

На самом деле достаточно: filter: grayscale(100%);
Только не во всех старых браузерах такой фильтр заработает.