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

1 vote132 views2 answers
Border shorthand CSS
CSS
7 votes154 views2 answers
Input background color
CSS
1 vote144 views2 answers
Change the weight of a bold font css
CSS
13 votes121 views4 answers
Background color transparent
CSS
4 votes128 views2 answers
Css blink
CSS
4 votes164 views3 answers
Block zoom js mobile
CSS
0 vote91 views1 answer
Affect top div opacity without affecting childrne
CSS
103 votes133 views2 answers
What are the types of positioning in css
CSS
3 votes129 views3 answers
Change br height
CSS
-1 vote127 views1 answer
Empty areas in the grid are defined using '.'
CSS