CSS сделать картинку черно белой

Чтобы сделать картинку черно-белой в CSS, можно использовать свойство filter с функцией grayscale(). Функция grayscale() преобразует все цвета в изображении в оттенки серого.

Пример CSS для черно-белой картинки:

img {
  filter: grayscale(100%); /* 100% значит, что все цвета будут преобразованы в серый цвет */
}

Этот код применит эффект черно-белой картинки к всем элементам <img> на странице.

Также можно использовать другие функции фильтрации цветов, например sepia() для создания эффекта старины:

img {
  filter: sepia(100%);
}

Этот код сделает все цвета в изображении коричневыми, создавая эффект старины.