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 vote335 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote338 views1 answer
Text change animation css
CSS
1 vote273 views1 answer
Css div text size
CSS
0 vote338 views1 answer
Text truncate after 3 lines
CSS
0 vote315 views1 answer
Faunadb q.do
CSS
27 votes359 views3 answers
@keyframes
CSS
1 vote323 views3 answers
Font-style
CSS
29 votes352 views1 answer
Boxsahdow
CSS
0 vote338 views1 answer
Constraint barrier example
CSS
43 votes341 views3 answers
Css center horizontally and vertically
CSS