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 vote229 views1 answer
Css ul shifts
CSS
0 vote232 views2 answers
Create column with values mapped from another column python
CSS
0 vote222 views1 answer
Css pseudo-class no children
CSS
0 vote226 views1 answer
Align icon to top right corner of div
CSS
1 vote231 views3 answers
Css for bigger screen size
CSS
27 votes210 views3 answers
Hide in css
CSS
2 votes245 views1 answer
Input type file placeholder
CSS
0 vote222 views1 answer
Code to change size when hover effect
CSS
26 votes230 views5 answers
Css multiple classes
CSS
0 vote227 views1 answer
Css shadow on hover
CSS