/CSS/How to apply a transition to a child element when hovering over parent element

How to apply a transition to a child element when hovering over parent element

.parent {
    background: red;
}
.child {
    overflow: hidden;
    height: 0;
    background: blue;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    color: white;
}
.parent:hover > .child {
    height: 30px;
    display: block;
}

Source: stackoverflow.com

Similar codes

0 vote332 views1 answer
Css make background image repeat horizontal
CSS
-1 vote345 views1 answer
Css code for green
CSS
25 votes297 views6 answers
Text stroke
CSS
0 vote351 views1 answer
Remove glow textarea css
CSS
22 votes344 views4 answers
Grid center align
CSS
3 votes328 views1 answer
Css sass compile run
CSS
0 vote342 views1 answer
Inherit styles
CSS
0 vote360 views2 answers
Not clickable css
CSS
0 vote337 views1 answer
How to fix overflow elementor
CSS
0 vote336 views1 answer
Css background text clip
CSS