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

53 votes180 views6 answers
Css transparent background image
CSS
3 votes182 views2 answers
Box sizing ftw
CSS
22 votes211 views5 answers
Grid center
CSS
0 vote161 views1 answer
White block on the left css
CSS
3 votes181 views3 answers
Css overflow elipsis
CSS
7 votes188 views3 answers
Embed google font css
CSS
20 votes238 views2 answers
Bootstrap screen sizes
CSS Bootstrap
2 votes195 views1 answer
Large input box bootstrap 4
CSS
1 vote198 views1 answer
How to include a new font website
CSS
-1 vote219 views1 answer
How to make div position top in css
CSS