/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

0 vote142 views1 answer
Css broken image has top margin?
CSS
0 vote196 views1 answer
Youtube css
CSS
0 vote166 views2 answers
Use font awesome as content in css
CSS
1 vote136 views1 answer
How to make a responsive box in css
CSS
37 votes171 views4 answers
Css hover pointer
CSS
0 vote141 views1 answer
How make button which is fixed even after i scroll
CSS
0 vote151 views1 answer
Add quotes in quote css
CSS
0 vote144 views1 answer
How to add carasoule in html using css
CSS
3 votes142 views2 answers
Align an entire second row center css grid
CSS
0 vote167 views1 answer
Choose grid position html
CSS