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

2 votes156 views5 answers
How to reset postgres password
CSS
0 vote122 views1 answer
Vertical sliders css
CSS
0 vote118 views1 answer
Horizontal scroll menu fade edges
CSS
0 vote147 views1 answer
$scope.$apply
CSS
16 votes123 views4 answers
Change background CSS
CSS
0 vote130 views1 answer
Alinhar ao centro align item css
CSS
-1 vote128 views2 answers
Animation fade in css
CSS
2 votes132 views1 answer
Kerning css
CSS
1 vote130 views1 answer
How to put mulitple conditions in media query
CSS
68 votes125 views1 answer
Css flexbox syntax
CSS