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 vote135 views1 answer
How to extend selector
CSS
3 votes152 views2 answers
Css affect all child elements
CSS
0 vote143 views1 answer
Nginx proxy_pass pass css asset not loading
CSS
0 vote152 views2 answers
Media Query Smartphone Portrait
CSS
0 vote154 views1 answer
Position an icon in relation a parent element
CSS
0 vote166 views1 answer
WoWonder
CSS
0 vote149 views1 answer
Lier class et css
CSS
21 votes142 views2 answers
Remove focus border
CSS
0 vote155 views1 answer
Gmail auto rewize dont
CSS
0 vote140 views1 answer
Django html not using css
CSS