/CSS/Hover on father elemet activates a child element css

Hover on father elemet activates a child element css

/* EXAMPLE
projetos-hover is father; projetos-hover-text is the child
When hover on the father use ">" to aply on a child
*/

.projetos-hover-text {
  transform: translateY(-50%);
  transition: all 0.2s ease 0s;
}

.projetos-hover:hover > .projetos-hover-text {
  transform: translatey(+5%);
}

Source: ucs-portfolio-api.000webhostapp.com

Similar codes

85 votes318 views5 answers
Scroll css
CSS
0 vote380 views1 answer
Input area bootstrap highlight
CSS Bootstrap
0 vote337 views1 answer
Css two classes in one element
CSS
1 vote316 views1 answer
Css selector not contains attribute
CSS
0 vote295 views1 answer
Html textgröße ändern css
CSS
1 vote294 views1 answer
Css border only top and bottom
CSS
1 vote309 views1 answer
Css prevent margin collapsing
CSS
58 votes299 views6 answers
How to remove underline from link
CSS
0 vote303 views1 answer
Animated display css
CSS
16 votes354 views4 answers
CSS Font-Family
CSS