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 vote320 views2 answers
Animate zoom in and zoom out in css
CSS
0 vote315 views1 answer
Whitesmoke color gradient
CSS
0 vote326 views1 answer
Flex item: 1;
CSS
55 votes314 views5 answers
Bootstrap 3 button
CSS
1 vote320 views1 answer
Mysqli check if delete was successful
CSS
0 vote329 views1 answer
Use flex in container with multiple components
CSS
2 votes328 views3 answers
Css select first word
CSS
0 vote316 views1 answer
How to give css only to a paticular image
CSS
12 votes387 views1 answer
Css curve table border
CSS
13 votes304 views5 answers
How to add text stroke in css
CSS