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

9 votes124 views4 answers
Clamp css
CSS
0 vote123 views1 answer
AddCorsMappings registry.addMapping
CSS
3 votes112 views1 answer
Convert angular project from css to scss
CSS
0 vote110 views1 answer
Material css sidebar
CSS
0 vote167 views1 answer
Set scroll bar on a table
CSS
3 votes120 views2 answers
How center content in css by using flex
CSS
0 vote126 views1 answer
How to fix overflow elementor
CSS
5 votes135 views2 answers
Css disabled div
CSS
0 vote156 views1 answer
Accessing folders in css
CSS
0 vote74 views1 answer
Flex-decoration column
CSS