/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

1 vote368 views2 answers
Css module multiple classes
CSS
23 votes359 views5 answers
Center div using flex
CSS
3 votes375 views1 answer
Set svg background color css
CSS
45 votes381 views3 answers
Collapse all code vscode
CSS
0 vote381 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote339 views2 answers
Background image path
CSS
2 votes350 views6 answers
Tailwindcss
CSS
0 vote342 views1 answer
Trim background image css
CSS
25 votes360 views5 answers
Css line spacing
CSS
0 vote366 views1 answer
Sass immediate child
CSS