@DestroyerZzz

Внутри картинка. Как реализовать подобное?

9fdbe27c633c46baa0a032e6f083ff38.jpg

Вот. Хочу чтобы было 3 слоя. При наведении на общий div чтобы цвет пропадал и оставалась только картинка.

Попробовал так, но цвет находится ЗА картинкой, а надо чтобы был ПЕРЕД. Логотип стоит как отдельный в HTML.

#w2:hover{
  background-color: rgba(255,140,251,0.5);
}

#w2{
  background-color: rgba(255,140,251,1);
  background-image: url('img/2 blur.png');
  background-size: cover;
  background-position: center;
}
  • Вопрос задан
  • 182 просмотра
Решения вопроса 3
grigruss
@grigruss
Пока не задал ни одного вопроса... только отвечаю.
opacity:0; - прозрачно.
opacity:0.5; - полупрозрачно
opacity:1; - НЕ прозрачно
Ответ написан
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
Набросал: jsfiddle.net/In4in/bgga0vdh/1
Ответ написан
Комментировать
@ps1panda
Верстальщик, начинающий front-end
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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