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

3 votes258 views1 answer
C cheat sheet
CSS
-1 vote205 views1 answer
Apple gradients
CSS
0 vote207 views1 answer
How to make gray ufing rgb in css
CSS
2 votes219 views1 answer
Make a quarter of circle css
CSS
2 votes201 views1 answer
Div not larger than its content
CSS
0 vote218 views1 answer
Grid place between
CSS
0 vote216 views1 answer
No scrollbar tailwind
CSS
-1 vote228 views1 answer
Bootstrap scrollable modal
CSS
3 votes162 views2 answers
Z-index limit
CSS
0 vote207 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS