Как сделать - черно-белое изображение с помощью CSS
Узнайте, как создать "черно-белое" изображение с помощью CSS.
Черно-белое изображение
Исходное изображение
Оттенки серого (100%)
Используйте свойство CSS filter
для преобразования изображения в Черное и белое.
Пример в градациях серого
Изменить цвет всех изображений на черный и белый (100% серый):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Перейдите на наш CSS Images учебник, чтобы узнать больше о том, как стиль изображений.
Перейдите в наш CSS Filter свойство, чтобы узнать больше о CSS фильтров.