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

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

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

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

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

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

img {
  filter: sepia(100%);
}

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

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

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

Наш специалист свяжется с вами в ближайшее время и уточнит детали