/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

7 votes352 views2 answers
Css list remove dot
CSS
-1 vote407 views1 answer
How to remove default styling of a tag
CSS
0 vote336 views0 answer
CSS
0 vote364 views1 answer
Template html css bootstrap cdn
CSS
0 vote404 views1 answer
Stop padding from changing div size
CSS
37 votes383 views1 answer
Placeholder font size css
CSS
3 votes342 views2 answers
Css text limit
CSS
17 votes404 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
0 vote368 views2 answers
Css text truncate 2 lines
CSS
46 votes349 views6 answers
Font color css
CSS