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 vote272 views1 answer
@extend must be used with a %placeholder
CSS
1 vote184 views1 answer
Perfect circle css
CSS
0 vote192 views1 answer
Grandezza caratteri css
CSS
0 vote182 views2 answers
Mask image css
CSS
0 vote215 views1 answer
Calendar api
CSS
57 votes191 views3 answers
How to round the corners of a div outline in css
CSS
19 votes195 views6 answers
Css font
CSS
0 vote211 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
0 vote201 views1 answer
How to create wave like border
CSS
1 vote210 views1 answer
Circle background image css
CSS