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 vote167 views1 answer
Font weightcss
CSS
2 votes165 views1 answer
Minimum margin css
CSS
0 vote212 views1 answer
Css custom cursor form image
CSS
0 vote177 views1 answer
Override vuetify container width
CSS
1 vote186 views1 answer
Flexbox navbar fixed top
CSS
2 votes138 views1 answer
Css unselectable
CSS
8 votes229 views4 answers
Css dark mode
CSS
0 vote177 views1 answer
Space in css :before :after
CSS
0 vote197 views1 answer
Before css font awesome
CSS
0 vote193 views1 answer
How to make bootstrap cards same height css trics
CSS