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 vote239 views1 answer
Add image to div in css
CSS
0 vote219 views1 answer
CSS - The Descendant Selectors
CSS
0 vote220 views1 answer
Border box reset
CSS
7 votes248 views2 answers
Html remove border from textarea
CSS
0 vote219 views1 answer
Css ol align center
CSS
32 votes214 views2 answers
Git stop merge
CSS
3 votes219 views1 answer
How to remove underline from link of p in css
CSS
12 votes237 views4 answers
On hover display another div css
CSS
2 votes244 views1 answer
Select dropdown icon change
CSS
2 votes215 views2 answers
Css width percentage
CSS