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 votes421 views2 answers
Bootstrap change color table striped
CSS Bootstrap
0 vote386 views1 answer
How to view only downloading speed in du meter
CSS
0 vote318 views1 answer
Hide scroll bar and show when hover with small size
CSS
0 vote310 views1 answer
Copy html css from website
CSS
-1 vote375 views1 answer
Alumina formula
CSS
3 votes361 views3 answers
How to use image zoom effect in css
CSS
0 vote326 views4 answers
Width in css
CSS
0 vote351 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
0 vote322 views2 answers
Tailwind css disabled button
CSS
0 vote321 views1 answer
Hoow to open a css class in css
CSS