Is it possible to make a smooth exit when you hover from display none to display block?

Good day, tell me, is it possible to make fade?
Through transition, in my opinion does not work.
I have
There are <li><a href></a><p></p></li>
Originally

display:none;
when you hover respectively, display: block

Is there a way to smooth the softness of the appearance.
Option transition and opacity, but...I still have positioning to abasic appeared over the link..
It somehow hollowed.

June 27th 19 at 15:27
2 answers
June 27th 19 at 15:29
Solution
p {
 visibility: hidden;
 opacity: 0;
 transition: visibility 0s ease, opacity ease 1s;
}

li:hover p {
 visibility: visible;
 opacity: 1;
}
what you need. - Eladio.Brak commented on June 27th 19 at 15:32
June 27th 19 at 15:31
Visibility use. Display only with JS (show, hide)
Yes , exactly.
Thank you! - Eladio.Brak commented on June 27th 19 at 15:34
Display only with JS

Do not display a smooth change, either through css or through js - Eladio.Brak commented on June 27th 19 at 15:37
Why? JQuery not to use fadeIn or fadeOut? - Trevion.Balistreri commented on June 27th 19 at 15:40
: The display property sets the type of box for the item(flex, block, none, grid, table, inline....). how do you imagine smooth changes between these values? fadein, fadeout smoothly change opacity and display just put at the end or the beginning of the animation. - ofelia.Botsford commented on June 27th 19 at 15:43
Using css animation - Trevion.Balistreri commented on June 27th 19 at 15:46

Find more questions by tags CSS