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

1 vote162 views1 answer
Timesheet template html css
CSS
3 votes156 views2 answers
Css affect all child elements
CSS
2 votes200 views1 answer
Bootstrap dark mode
CSS
2 votes157 views2 answers
Css border top linear gradient
CSS
6 votes140 views6 answers
How to properly install tailwind css in react
CSS
0 vote172 views1 answer
How to align divs in a row
CSS
0 vote145 views2 answers
Get all tables laravel
CSS
0 vote168 views1 answer
Width height samsung note 20 screen
CSS
0 vote221 views1 answer
Python css
CSS
10 votes186 views4 answers
Bootstrap badges Links
CSS