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

5 votes108 views4 answers
Css flex gap between items
CSS
5 votes112 views3 answers
Sticky footer
CSS
0 vote113 views1 answer
.container
CSS
0 vote114 views1 answer
Añadir hojas css externas a wordpress
CSS
-1 vote109 views1 answer
Empty areas in the grid are defined using '.'
CSS
46 votes96 views2 answers
Customize scrollbar
CSS
0 vote272 views1 answer
Twig inline css
CSS
0 vote125 views1 answer
Make backgrond image smaller
CSS
0 vote149 views1 answer
Menu always center css
CSS
13 votes121 views5 answers
Transition shorthand
CSS