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 vote302 views1 answer
Grid-template-rows
CSS
0 vote263 views1 answer
Horizontal rule plus text
CSS
0 vote314 views1 answer
Width cross browser
CSS
1 vote285 views1 answer
What port does wss use
CSS
0 vote279 views1 answer
Css dark blue
CSS
0 vote288 views1 answer
Css change browser color
CSS
0 vote267 views1 answer
Css svg width 100%
CSS
0 vote273 views1 answer
Moving nested element up css
CSS
0 vote309 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
3 votes294 views2 answers
Set css to default
CSS