dsmyk
@dsmyk
Студент

Как сделать появление доп. слоя на фото при наведении курсора?

Вот пример того, о чём я спрашиваю:
Обычное состояние:
7c749c53fb24422d82fc5e7e3a7b4eff.png
При наведении:
31385b895e814019a937609917f19d48.png
  • Вопрос задан
  • 170 просмотров
Решения вопроса 1
@plrov
<div class="container">
  <div class="layout-1">I'm here</div>
  <div class="layout-2">Now you can see me!</div>
</div>


.container {
  width: 150px;
  height: 150px;
  background: #b4b4b4;
  
  position: relative;
}

.layout-2 {
  display: none;
}

.container:hover .layout-2 {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}


Пример
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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