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

0 vote313 views1 answer
Side nav bar in materialize css
CSS Materialize
0 vote173 views1 answer
Inline-block column appear higher than others
CSS
184 votes490 views6 answers
Css shadow border
CSS
1 vote178 views2 answers
Rainbow text with css
CSS
0 vote170 views1 answer
Animations
CSS
4 votes183 views3 answers
Css image cover
CSS
3 votes190 views2 answers
Css select all elements except last css
CSS
14 votes172 views2 answers
How to render css in flask link
CSS
25 votes182 views5 answers
Image blur css
CSS
13 votes175 views6 answers
Line css
CSS