Css height animation

#menu #list {
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    background: #d5d5d5;
}

#menu:hover #list {
    max-height: 500px;
    transition: max-height 0.25s ease-in;
}

Source: stackoverflow.com

Similar codes

-1 vote335 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
2 votes347 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote323 views1 answer
Css transparent background behind text
CSS
89 votes332 views6 answers
Padding
CSS
1 vote358 views1 answer
Bootstrap card hover effect
CSS Bootstrap
0 vote316 views1 answer
Multiple css media queries
CSS
1 vote313 views1 answer
Css font-variant
CSS
62 votes306 views3 answers
Border radius shorthand
CSS
13 votes327 views2 answers
Box-sizing
CSS
19 votes287 views3 answers
Css stop scrollbar
CSS