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 vote138 views1 answer
How to set initial state after first time in formik
CSS
10 votes140 views4 answers
Wp_enqueue_style
CSS
0 vote124 views1 answer
Css witdh
CSS
1 vote133 views1 answer
How to change color of element when hovering over div
CSS
1 vote139 views2 answers
Text align left top
CSS
0 vote139 views1 answer
CodeIgniter + WordPress integration
CSS
3 votes82 views1 answer
Css vendor prefix
CSS
62 votes117 views3 answers
Font awesome 4
CSS
3 votes136 views1 answer
How to change the page background in css
CSS
-2 votes156 views2 answers
Scss how to declare variable for multiple files
CSS