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

Чтобы сделать картинку белой с помощью CSS, можно использовать свойство filter. Например, такой код сделает картинку полностью белой:

img {
  filter: grayscale(100%) brightness(10000%);
}

Другой вариант — добавить слой с белым цветом и смешать его с картинкой с помощью свойства mix-blend-mode:

img {
  mix-blend-mode: lighten;
  background-color: white;
}

Но в этом случае картинка будет «залита» белым цветом и возможно станет менее читабельной.

реклама

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

реклама

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

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

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

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

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

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