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





