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 vote360 views1 answer
Souligner titre css
CSS
0 vote378 views2 answers
Css cards
CSS
0 vote385 views1 answer
Make changes to api fetch onclick in react
CSS
1 vote392 views2 answers
Zoom level in css
CSS
20 votes425 views4 answers
Variables in sass
CSS
202 votes544 views6 answers
How to reference a css file in html
CSS
10 votes348 views6 answers
Css hover change another element
CSS
1 vote366 views1 answer
How to contain an image within a div
CSS
180 votes582 views6 answers
How to import a css file in html
CSS