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

4 votes172 views4 answers
Ngclass multiple conditions
CSS
7 votes130 views2 answers
Html vertical and horizontal center
CSS
0 vote191 views1 answer
Css avoid line break in span
CSS
-1 vote188 views2 answers
Css lock scroll
CSS
23 votes186 views3 answers
How to change placeholder color
CSS
0 vote160 views2 answers
Centralizing a table with css
CSS
0 vote184 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
0 vote180 views1 answer
When grepper whas created
CSS
-1 vote202 views1 answer
Html css image slider
CSS
3 votes180 views2 answers
Css affect all child elements
CSS