/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

6 votes119 views4 answers
Change border highlight color on an input text element
CSS
0 vote138 views1 answer
Css tr border radius
CSS
7 votes120 views2 answers
Scss extend
CSS
34 votes131 views3 answers
Css blur background image only
CSS
11 votes116 views2 answers
Css line-clamp
CSS
0 vote123 views1 answer
Jquery add external css to head
CSS
1 vote124 views1 answer
Css remove whitespace around element
CSS
1 vote142 views1 answer
CSS3
CSS
2 votes126 views1 answer
Change font size in textarea html
CSS
12 votes129 views2 answers
Css not first child
CSS