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 vote290 views1 answer
Css contain property
CSS
0 vote279 views1 answer
Add textcontent on hover
CSS
0 vote320 views1 answer
Deploy truffle project on testnet
CSS
18 votes275 views2 answers
Rgba blue colo
CSS
0 vote297 views1 answer
Round image center
CSS
0 vote312 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
24 votes294 views2 answers
Css grid align
CSS
-1 vote320 views1 answer
How to centralize cards in css
CSS
15 votes323 views2 answers
Background-image: url opacity
CSS
8 votes317 views2 answers
Kotlin string to int
CSS