Как преобразовать любое цветное изображение в черно-белое при помощи CSS.
Черно-белое изображение
Оригинальное изображение
![Ананас](http://msiter.ru/sites/default/files/msiter_files/pineapple.jpg)
Градации серого (100%)
![Ананас](http://msiter.ru/sites/default/files/msiter_files/pineapple.jpg)
Для преобразования цветного изображения в черно-белое (все оттенки серого) используем CSS свойство filter
.
Изменяем цвет всех изображений на черно-белый (все оттенки серого):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Попробовать самому »