/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 vote324 views1 answer
Place image on top right inside flex css
CSS
0 vote365 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote341 views3 answers
Sass color functions
CSS
0 vote298 views1 answer
Select tag text align center
CSS
0 vote308 views1 answer
Css gradient 3 color
CSS
18 votes322 views6 answers
Css box sizing
CSS
3 votes305 views2 answers
Card template css
CSS
3 votes282 views1 answer
Make item apper at the center of div
CSS
-1 vote366 views1 answer
Materialize table padding css
CSS Materialize
3 votes349 views5 answers
India
CSS