Чтобы сделать картинку черно-белой в CSS, можно использовать свойство filter с функцией grayscale(). Функция grayscale() преобразует все цвета в изображении в оттенки серого.
Пример CSS для черно-белой картинки:
img {
filter: grayscale(100%); /* 100% значит, что все цвета будут преобразованы в серый цвет */
}
Этот код применит эффект черно-белой картинки к всем элементам <img> на странице.
Также можно использовать другие функции фильтрации цветов, например sepia() для создания эффекта старины:
img {
filter: sepia(100%);
}
Этот код сделает все цвета в изображении коричневыми, создавая эффект старины.
