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

2 votes219 views1 answer
Css content space
CSS
2 votes249 views2 answers
Xcel turn off scrool lock
CSS
0 vote266 views1 answer
React css change number animation
CSS
7 votes260 views3 answers
Make text unselectable css
CSS
0 vote252 views1 answer
Reference WP media file on child theme CSS file
CSS
-1 vote259 views1 answer
Focus on input change label color
CSS
1 vote274 views1 answer
Padding up down left right
CSS
3 votes251 views1 answer
Css perfect box shadow
CSS
44 votes246 views6 answers
Select odd child css
CSS
56 votes230 views3 answers
Css curved border
CSS