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 vote196 views1 answer
Accessing folders in css
CSS
0 vote180 views1 answer
Repeating-linear-gradient
CSS
0 vote182 views10 answers
Stack Overflow
CSS
1 vote244 views2 answers
Overflow x not hidden
CSS
0 vote197 views1 answer
Bootstrap progress bar animation not working
CSS
14 votes200 views2 answers
Css grid command for responsive design
CSS
0 vote193 views1 answer
Mathjax beautiful math in all browsers
CSS
1 vote205 views1 answer
Flexbox navbar fixed top
CSS
-2 votes196 views3 answers
How to highlight text in css
CSS
6 votes210 views1 answer
Responsive image in css
CSS