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 vote186 views1 answer
Css aufzählungszeichen entfernen
CSS
0 vote178 views1 answer
How to install tailwind css in html
CSS
0 vote331 views1 answer
Css center table on page
CSS
128 votes261 views5 answers
Randint
CSS
8 votes184 views4 answers
How to cover full image in css
CSS
27 votes190 views3 answers
Keyframe in css
CSS
0 vote192 views1 answer
Css grid no stretch
CSS
2 votes170 views1 answer
Minimum margin css
CSS
0 vote183 views1 answer
Css grid first child
CSS
29 votes209 views6 answers
Input focus border
CSS