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

30 votes141 views4 answers
Opacity color
CSS
24 votes148 views6 answers
Background remover
CSS
0 vote138 views1 answer
Css tutorial point
CSS
1 vote131 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
1 vote187 views1 answer
Bootstrap card hover effect
CSS Bootstrap
2 votes220 views2 answers
Html how to split a div into two columns
CSS
16 votes146 views3 answers
CSS Head Link
CSS
2 votes102 views1 answer
Xpath vs css selector
CSS
0 vote136 views1 answer
Ionic slidesperview not working
CSS
0 vote138 views1 answer
Relier css html
CSS