@Novamoscow

Наложить цвет на картинку как правильнее всего?

В гугле ответы есть, но большинство из них старые и возможно сейчас не совсем актуальны.

Задача такая, наложить полу прозрачные бекграунд по верх картинки и при наведении менять цвет этого бекграунда.
  • Вопрос задан
  • 17843 просмотра
Решения вопроса 3
StivinKing
@StivinKing
Пример. Не нужно плодить лишний html и css код...
Ответ написан
@igumenov
<div class="item">
<img src="images.png">
<div class="bg"></div>
</div>

.item{
display:block;
position: relative;
}
.item .bg{
position:absolute;
background: rgba(0,0,0,0.5);
width: 100%;
height:100%;
transition: .3s;
}
.item:hover .bg{
background: #f00;
}
Ответ написан
Комментировать
Вот так - codepen.io/AXP/pen/zZzdRW
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы