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 vote183 views2 answers
Increase space between dashed border css
CSS
4 votes196 views1 answer
Orientation css max and min width media query
CSS
7 votes175 views3 answers
Css animation infinite
CSS
168 votes243 views6 answers
Box shadow css property
CSS
3 votes184 views1 answer
Select text-align center
CSS
3 votes182 views2 answers
Backdrop filter all properties
CSS
6 votes192 views2 answers
How to give opacity to border
CSS
127 votes189 views4 answers
React import bootstrap css
CSS
33 votes177 views6 answers
Background image opacity css
CSS
32 votes206 views5 answers
Css opacity
CSS