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

Question

[ItzGuyMc]

Надо сделать так что бы при наведении на картинку(допустим название bodyimg(И если будете отвечать уточните это тег div или img)) Появлялся и оставался блок hidden.

Помогите пожалуйста!

Comments

[ItzGuyMc]

А как сделать так чтобы он оставался на экране постоянно а не исчезал?

Answer 1

[alekseyHunter]

Добавьте селектор hover на div

Comments

[ItzGuyMc]

Пробовал при наведении ничего не происходит

[WapSter]

ItzGuyMc, гугли transition и opacity в css. Надеюсь автор ответа, покажет песочницу с примером, а автор вопроса погуглит мою рекомендацию.

[alekseyHunter]

ItzGuyMc, внутри сами допишите

var title= document.getElementById('picture_title');
  title.onmouseover = function() {
    //div ... block
  }
  title.onmouseout = function(e) {
    // div ... none
  }

[alekseyHunter]

WapSter, из вопроса не ясно какой блок показать, и где он расположен в иерархии. Проще (но не правильнее) решение на JS

[WapSter]

alekseyHunter, ну многие не умеют задавать вопросы, что поделать(

Answer 2

[WapSter]

Вот так, ну это примерно, так как не структуры html, может там нужен js вообще, как заметил @alekseyHunter
Вариант с соседним блоком

Answer 3

[dethain]

Вот так например, если один блок следует за другим и если один блок внутри другого
https://codepen.io/Afalor/pen/NWxJRra