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 vote163 views1 answer
Tipografias family style para css y html
CSS
0 vote225 views1 answer
Css beutify scroller
CSS
0 vote234 views1 answer
Css columns
CSS
0 vote169 views1 answer
Hide the default tooltip behaviour from safari
CSS
0 vote170 views1 answer
Abstände zwischen zeilen html
CSS
2 votes175 views1 answer
Css click effect
CSS
0 vote181 views2 answers
Html5 vs css3
CSS
0 vote268 views7 answers
Convert css box shadow to react native
CSS
2 votes127 views1 answer
Responsive background image
CSS
0 vote191 views1 answer
Css change browser color
CSS