Как сделать наложение описания на li?

Question

[0leg5ergeev]

как сделать описание блока при наведении на него?
Использую вот такое решение
https://codyhouse.co/demo/content-filter/index.html#0

Answer 1

[timfcsm]

<li class="block">
  <div class="desc"></div>
  <img src="img/img-1.jpg" alt="Image 1">
</li>

.block {
 position: relative;
}
.desc {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.block:hover .desc {
 display: block;
}

Comments

[0leg5ergeev]

ого! как просто! спасибо!

[Игорь Че]

Ещё transition можно добавить для красоты.