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 vote363 views2 answers
Css module multiple classes
CSS
3 votes349 views5 answers
Css keep aspect ratio image
CSS
-1 vote315 views1 answer
Add css to express app
CSS
0 vote342 views1 answer
3 line after dot in css
CSS
0 vote353 views2 answers
Css hexagon with text inside
CSS
0 vote354 views2 answers
Hoq to give paragraph color css
CSS
0 vote336 views1 answer
How to disable phone number linking in Mobile Safari
CSS
20 votes344 views3 answers
Css text selection none
CSS
0 vote340 views2 answers
Css cut text of
CSS
4 votes326 views1 answer
Grid repeating auto columns
CSS