/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 vote236 views1 answer
Enlarge ionicons css
CSS
0 vote248 views1 answer
Press on button outline shoul not appear csss
CSS
-1 vote238 views1 answer
How to use a blank space with grid template areas css
CSS
0 vote237 views1 answer
Initialize toast
CSS
-1 vote256 views3 answers
Scss
CSS
37 votes212 views4 answers
Select even child css
CSS
0 vote253 views1 answer
Code to change profile picture in website
CSS
0 vote244 views1 answer
Move text outside div
CSS
0 vote302 views1 answer
Matplotlib doesn't plot [<matplotlib.lines.Line2D at 0x7f3543b113a0>]
CSS
2 votes249 views1 answer
How to use bulma in gatsby
CSS