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 vote221 views1 answer
Object-position
CSS
0 vote298 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
37 votes270 views6 answers
Css gradient text
CSS
5 votes218 views1 answer
Htaccess for angular
CSS
0 vote264 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote191 views1 answer
How to give a background color strip in html and css
CSS
1 vote194 views2 answers
Brightness css
CSS
37 votes280 views4 answers
Css hover pointer
CSS
38 votes214 views3 answers
Cool ways to color a background with css
CSS
0 vote152 views1 answer
Scss add class to body
CSS