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 vote406 views3 answers
Bulma lowercase
CSS
0 vote375 views1 answer
Nth master
CSS
9 votes406 views5 answers
Html button size
CSS
0 vote349 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
0 vote347 views1 answer
Giving body maximum width in css
CSS
0 vote356 views1 answer
Tailwind css ui dropdown
CSS
0 vote355 views1 answer
How to make website using html and css
CSS
0 vote387 views1 answer
How to center an item without flex
CSS
8 votes370 views1 answer
Align in the middle of page html
CSS
0 vote362 views1 answer
Border none select
CSS