/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

18 votes116 views2 answers
Hover transition css
CSS
4 votes173 views1 answer
Flexbox center and space between
CSS
1 vote209 views1 answer
Css fixed center vertical
CSS
1 vote160 views1 answer
Image on top of image css
CSS
3 votes208 views2 answers
How to get rid of underline for links in css
CSS
0 vote169 views2 answers
Print to pdf setting css for A4 size
CSS
0 vote153 views1 answer
Css svg width 100%
CSS
0 vote144 views1 answer
Understanding '~' sign in css selector
CSS
1 vote162 views1 answer
Double color background css
CSS
-2 votes172 views1 answer
Change icon color to gradient css
CSS