/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 vote226 views1 answer
Responsive typography
CSS
0 vote213 views1 answer
How to add color to a image css
CSS
0 vote314 views1 answer
Line not breaking css
CSS
0 vote232 views1 answer
Center elemnts css
CSS
0 vote227 views1 answer
Css table th width
CSS
7 votes238 views3 answers
Italic in css
CSS
0 vote233 views2 answers
How set image at top in wordpress
CSS
0 vote252 views1 answer
Style input type range shaded part only
CSS
0 vote234 views1 answer
Css font family narrow fonts
CSS
9 votes238 views1 answer
Make background full on every screen css
CSS