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 vote198 views1 answer
How to get two elements on the same line html
CSS
2 votes218 views3 answers
How to disable link in hmtl
CSS
38 votes194 views5 answers
Css roboto font
CSS
1 vote199 views2 answers
Css change the button text value
CSS
6 votes205 views3 answers
Equivalent zoom css
CSS
23 votes211 views2 answers
Center align in grid
CSS
0 vote226 views1 answer
Transparent circle in a div
CSS
6 votes255 views2 answers
Blink css
CSS
0 vote213 views1 answer
Mat radio button color
CSS
23 votes211 views3 answers
How to change placeholder color
CSS