Как наложить цвет на картинку CSS

Для наложения цвета на картинку в CSS можно использовать свойство background с указанием цвета и пути к картинке. Например:

<div class="image"></div>

.image {
  background: url('path/to/image.jpg') no-repeat center center;
  background-color: rgba(255, 255, 255, 0.5); /* прозрачный белый цвет */
  width: 500px;
  height: 500px;
}

В данном примере на картинку будет наложен прозрачный белый цвет с помощью свойства background-color. При этом картинка будет отображаться в центре блока с помощью свойств background-position и center center.

реклама

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

реклама

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

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

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

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

Закажите услугу Как наложить цвет на картинку CSS

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