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

Question

[eellazy]

Всем привет. Никак не могу сделать плавное появление блока при наведении. Сейчас когда навожу мышкой на блок то он просто появляется. Хочу сделать плавно.

Пишу свойство transition но все равно появление идет резкое

gnatkovsky.com.ua/files/holder/index.html - вот тут сам блок

Answer 1

[Anna_BS]

codepen

Answer 2

[Seva Sargsyan]

codepen.io/sevasargsyan/pen/BKgXrL

Answer 3

[Сергей Горячев]

https://jsfiddle.net/webirus/raaxncmL/
transition не работает с display none/block
сделал через opacity 0/1

Answer 4

[Максим Люмен]

CodePen на скоряк набросал на css

Answer 5

[Laid]

https://jsfiddle.net/xL12xvx5/