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

Question

[Виталий]

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

Answer 1

[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{
  стиль описания
}

Comments

[Виталий]

Спасибо