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

Как при наведении на картинку сделать эффект затемнения?

Есть блок в обычном виде

5ca5d42b07e9a973603450.png

Как сделать такой блок с затемнением при наведении?

5ca5d43634149655491155.png

https://jsfiddle.net/yLw190z3/30/
  • Вопрос задан
  • 302 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 3
Madeas
@Madeas
UI / UX Designer, Frontend Developer
Комментировать
wapster92
@wapster92 Куратор тега CSS
Накладывается относительно позиционированный элемент на картинку с фоном rgba(0, 0, 0, .5) к примеру
Ответ написан
Комментировать
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
img:hover {
   filter: brightness(.7);
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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