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 vote337 views1 answer
Bootstrap put button on one line
CSS Bootstrap
0 vote203 views1 answer
No zoom viewport
CSS
0 vote212 views1 answer
Details summary hide arrow
CSS
1 vote224 views1 answer
How to change style based on screen size
CSS
0 vote199 views1 answer
Remove position absolute attribute by adding css
CSS
32 votes367 views3 answers
Letter spacing css
CSS
185 votes516 views6 answers
Attach css file to html
CSS
2 votes222 views2 answers
Css border top linear gradient
CSS
2 votes255 views1 answer
Bootstrap dark mode
CSS Bootstrap
-2 votes222 views2 answers
Outline-radius css
CSS