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

86 votes340 views3 answers
Css tekst bold
CSS
4 votes353 views1 answer
Png shadow css
CSS
0 vote375 views1 answer
Helooo
CSS
29 votes352 views1 answer
Boxsahdow
CSS
0 vote320 views1 answer
Html print page break
CSS
16 votes325 views3 answers
CSS Head Link
CSS
6 votes351 views6 answers
Break word css
CSS
32 votes366 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote403 views2 answers
Create react app tailwind css with yarn
CSS
1 vote360 views1 answer
Var minus scss
CSS