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

7 votes190 views2 answers
Disable bullets in ul
CSS
5 votes193 views2 answers
Materialize css cdn
CSS
0 vote230 views1 answer
"graphql.print"
CSS
0 vote204 views1 answer
Css highlight element
CSS
0 vote185 views1 answer
How to get text to auto break in a grid
CSS
0 vote194 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
2 votes260 views2 answers
Bootstrap icons in angular
CSS Bootstrap
12 votes196 views2 answers
How to center element in bulma
CSS
0 vote273 views1 answer
Codemirror resizable
CSS
25 votes191 views4 answers
Remove outline
CSS