Css display block ease in

div {
  border: 1px solid #eee;
}
div > ul {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
div:hover > ul {
  visibility: visible;
  opacity: 1;
}

Source: stackoverflow.com

Similar codes

0 vote304 views2 answers
Order
CSS
2 votes351 views3 answers
How to disable link in hmtl
CSS
0 vote332 views1 answer
Nth master
CSS
0 vote321 views2 answers
Chrome developer tools send get request
CSS
0 vote318 views3 answers
Detect system dark mode
CSS
1 vote259 views1 answer
Css div text size
CSS
2 votes350 views2 answers
Bootstrap change color table striped
CSS
0 vote390 views2 answers
Google font smooth
CSS
0 vote326 views1 answer
How to give opacity to background only
CSS
1 vote314 views1 answer
::after cant see
CSS