/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 vote225 views1 answer
Gmail auto rewize dont
CSS
16 votes227 views4 answers
Arrow down css
CSS
1 vote217 views1 answer
Css cursor size
CSS
0 vote217 views1 answer
Style image so it crops
CSS
17 votes259 views2 answers
Linking css
CSS
50 votes207 views6 answers
Backgroud color css
CSS
0 vote217 views2 answers
Remove button shadow css
CSS
0 vote247 views1 answer
Html link local css file
CSS
66 votes221 views6 answers
How to center a div with position absolute
CSS
61 votes234 views3 answers
Css radius background color
CSS