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 vote321 views1 answer
Label width css
CSS
0 vote354 views1 answer
Css box-shadow over other elements
CSS
0 vote309 views1 answer
Css basics
CSS
1 vote330 views1 answer
Css url do not change color of visited links
CSS
7 votes338 views2 answers
Disable bullets in ul
CSS
0 vote333 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
0 vote358 views1 answer
Ubuntu tor browser verification failed
CSS
2 votes351 views2 answers
How to put the input box and the label on top of input
CSS
0 vote360 views1 answer
Css display offscreen
CSS
0 vote334 views1 answer
Target element pseudo-classes
CSS