Задать вопрос

Как затемнить картинку?

Есть блок. На блок задана картинка (background: url("...");). Подскажите, как её можно затемнить?( не при наведении, просто сделать не много тёмной)
  • Вопрос задан
  • 493 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@forgetable
Node/Flutter/C++
Наша картинка находится в классе bg-img.
.bg-img{
position: relative
}

.bg-img::after{
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #000;
opacity: .1;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы