/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

3 votes302 views3 answers
Can you control another div on hover css
CSS
0 vote332 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS
0 vote590 views1 answer
Fssg
CSS
0 vote311 views1 answer
Css device orientation
CSS
9 votes487 views3 answers
Console.log style css
CSS
0 vote307 views1 answer
Css button no style
CSS
0 vote373 views1 answer
Quitar borde a un boton css
CSS
1 vote306 views1 answer
Mirror css a pseudo :after or :before
CSS
13 votes319 views3 answers
How to make fixed background image in css
CSS
0 vote339 views7 answers
Xle
CSS