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 vote159 views1 answer
Css ovel
CSS
0 vote185 views1 answer
Bootstrap-navbar-container-fluid
CSS
3 votes181 views1 answer
Convert angular project from css to scss
CSS
15 votes170 views3 answers
Css size
CSS
3 votes176 views1 answer
Css edit scroll bar
CSS
0 vote227 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote163 views1 answer
Css varianbes
CSS
0 vote173 views1 answer
Degradado color css
CSS
3 votes179 views3 answers
Zoom image inside div and move
CSS
0 vote173 views1 answer
Css light mode
CSS