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 vote184 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
17 votes165 views1 answer
Sass calc with variable
CSS
11 votes139 views3 answers
Css poppins font
CSS
0 vote151 views2 answers
Elementor accordions closed by default
CSS
0 vote135 views1 answer
Django html not using css
CSS
0 vote149 views1 answer
Checkbox border css
CSS
2 votes140 views1 answer
Css preprocessor
CSS
0 vote145 views1 answer
Z-index: 1000000;
CSS
2 votes140 views1 answer
Css click effect
CSS
5 votes153 views1 answer
How to center with translate
CSS