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

20 votes306 views3 answers
Align items center in grid
CSS
0 vote340 views1 answer
Bootstrap popover style width
CSS Bootstrap
0 vote259 views1 answer
#f2f2f2 in rgba
CSS
17 votes331 views2 answers
Linking css
CSS
3 votes269 views2 answers
Css onclick change color
CSS
50 votes270 views6 answers
Text align css
CSS
1 vote268 views1 answer
Border bottom under text only
CSS
0 vote334 views1 answer
@keyframes opact
CSS
0 vote334 views1 answer
Css pause animation
CSS
0 vote271 views1 answer
How to make gray ufing rgb in css
CSS