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 vote135 views1 answer
Include css typo3
CSS
0 vote148 views1 answer
Css calc margin-top based on height?
CSS
50 votes134 views3 answers
Simple css reset
CSS
0 vote136 views1 answer
3 line after dot in css
CSS
44 votes151 views5 answers
Breakpoint bootstrap
CSS
0 vote148 views1 answer
Linear gradient farthest-corner code css
CSS
5 votes148 views3 answers
Sticky footer
CSS
0 vote143 views1 answer
Remove horizontal scroll in small devices css
CSS
54 votes150 views6 answers
Css ellipsis
CSS
39 votes138 views4 answers
Font awesome size
CSS