/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 vote190 views1 answer
Pagination html css how to working
CSS
7 votes216 views4 answers
Change button color html
CSS
0 vote217 views1 answer
Make the first item at the very top of the screen
CSS
1 vote202 views1 answer
Css import google font not working
CSS
37 votes189 views2 answers
Css transform y
CSS
0 vote227 views1 answer
How to middle div
CSS
0 vote196 views1 answer
Responsive typography
CSS
0 vote234 views1 answer
Not let user select in css
CSS
4 votes246 views2 answers
Composer switch to version 1
CSS
0 vote205 views5 answers
How many px is iphone 12 pro max css
CSS