Как сделать - черно-белые изображения
Узнайте, как создать «черно-белое» изображение с помощью CSS.
Черно-белое изображение
Исходное изображение
оттенки серого (100%)
Используйте filter
свойство CSS, чтобы преобразовать изображение в черно-белое.
Пример оттенков серого
Измените цвет всех изображений на черно-белый (100% серый):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Перейдите к нашему учебному пособию по изображениям CSS , чтобы узнать больше о том, как стилизовать изображения.
Go to our CSS filter Property to learn more about CSS filters.