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

37 votes270 views1 answer
Trumping
CSS
0 vote256 views2 answers
Laravel 7 css loading slow
CSS
33 votes281 views6 answers
Background image opacity css
CSS
16 votes262 views4 answers
Arrow left css
CSS
0 vote359 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
22 votes258 views4 answers
Import font css from url
CSS
0 vote256 views1 answer
Pill shape css
CSS
-1 vote256 views2 answers
Html and css websites
CSS
-1 vote288 views1 answer
Css dual color
CSS
-2 votes261 views1 answer
How to add a button in html and css
CSS