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

9 votes121 views5 answers
How to make a triangle in css
CSS
1 vote135 views1 answer
Layer on top in javascript
CSS
1 vote106 views2 answers
Scale textarea
CSS
17 votes109 views1 answer
Css align items vertical center
CSS
180 votes176 views6 answers
How to import a css file in html
CSS
0 vote91 views1 answer
Faunadb q.do
CSS
26 votes133 views3 answers
Css remove border input focus
CSS
1 vote117 views1 answer
Why tr border not showing
CSS
0 vote108 views1 answer
Autoprefixer\
CSS
-1 vote126 views1 answer
Html css circle progress bar
CSS