Для создания серой картинки в CSS можно использовать свойство фильтра grayscale()
.
Пример CSS кода:
img {
filter: grayscale(100%);
}
В этом примере мы применяем фильтр grayscale()
к изображению, установив значение 100%
, что полностью преобразует цвета в оттенки серого.
Если вы хотите применить фильтр только к определенному изображению, вы можете использовать селектор элемента, например img.gray
:
img.gray {
filter: grayscale(100%);
}
Здесь img.gray
выбирает только те изображения, которые имеют класс gray
.
Помните, что поддержка свойства фильтра может отличаться в разных браузерах, поэтому лучше всего проверять работу соответствующего кода в различных браузерах перед его публикацией на сайте.