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

1 vote158 views1 answer
How to boosts your rendering performance
CSS
1 vote176 views2 answers
Increase tooltip width in angular material
CSS
0 vote142 views2 answers
List-style-image size
CSS
1 vote161 views2 answers
Text overflow break line
CSS
-1 vote145 views1 answer
On class hover another class color change
CSS
0 vote137 views1 answer
Body css margin, background, font-family, hei
CSS
1 vote144 views1 answer
Ion-select background color
CSS
1 vote156 views2 answers
How to lighten the color of text in html
CSS
9 votes158 views3 answers
How to change another element on hover
CSS
5 votes142 views1 answer
Safari only CSS hack
CSS