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 vote138 views1 answer
Vertical align x horizontal
CSS
0 vote148 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS
0 vote145 views1 answer
What's 275 divided by 630
CSS
0 vote186 views2 answers
Elementor accordion closed by default
CSS
0 vote156 views1 answer
Css media query overflow
CSS
0 vote135 views1 answer
Padding right and left css
CSS
0 vote205 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote193 views1 answer
Underline css still there after text-decoration: none
CSS
2 votes179 views5 answers
How to reset postgres password
CSS
11 votes159 views1 answer
Html no cursor when link
CSS