@vitsen777

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

Как сделать при наведении вот такую фиговину(текст справа)

5d054d4ee8757393094483.png
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
inkShio
@inkShio
в кратце

.parent
  .child__img
  .child__hover
    .title
      | my title
    .desc
      | my description

.parent{
  position: relative;
}
.child__img{
  тут код для картинки
}

.child__hover{
  display: none;
}
.parent:hover .child__hover {
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: #ccc;
}
.title{
  стиль заголовка
}
.desc{
  стиль описания
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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