/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

9 votes326 views4 answers
Change button size css
CSS
0 vote348 views1 answer
Comment changer liens quand survolé html
CSS
0 vote336 views1 answer
How to use css transform matrix
CSS
1 vote330 views1 answer
Backgrond image shopify css
CSS
0 vote331 views1 answer
Css local variable
CSS
0 vote335 views1 answer
Css in head or body
CSS
0 vote330 views1 answer
Code to change size when hover effect
CSS
0 vote348 views1 answer
Vsc css autocomplet
CSS
1 vote342 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
7 votes335 views3 answers
Input checked by default
CSS