/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

42 votes407 views6 answers
Disable textarea resize
CSS
2 votes344 views1 answer
Half border bottom
CSS
0 vote409 views1 answer
Sticky footer not working bootstrap
CSS
2 votes412 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote355 views1 answer
Body{text-align: center;}
CSS
0 vote388 views1 answer
How to see applications installed by wine cmd
CSS
0 vote356 views1 answer
Resctrict css to apply on div
CSS
52 votes338 views4 answers
Css change text size
CSS
0 vote347 views1 answer
Very responsive grid layout
CSS
0 vote353 views1 answer
Animation clip path
CSS