/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 vote200 views2 answers
COMENTARIOS EN CSS
CSS
0 vote189 views1 answer
Css opacité fond mais pas texte
CSS
2 votes310 views2 answers
Html how to split a div into two columns
CSS
0 vote201 views1 answer
Adding script in vat for product order shopify
CSS
1 vote204 views1 answer
Steps() property css
CSS
48 votes182 views6 answers
Media query min and max
CSS
2 votes198 views1 answer
How to remove bullets from li
CSS
1 vote218 views1 answer
Remove grayscale no filter css
CSS
4 votes204 views3 answers
Mobile tablet desktop media queries
CSS
0 vote179 views1 answer
Poner en input signo dolar con css
CSS