/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

17 votes129 views1 answer
Yarn start not working on powershell
CSS
61 votes115 views2 answers
Bootstrap flex direction column
CSS
50 votes116 views6 answers
Backgroud color css
CSS
1 vote118 views2 answers
How to specify css for smaller screen
CSS
0 vote135 views2 answers
How to use font awesome unicode in css
CSS
2 votes147 views2 answers
Bootstrap change color table striped
CSS Bootstrap
0 vote109 views1 answer
How to apply css on react chartjs
CSS
1 vote124 views1 answer
Sass compressed style
CSS
0 vote119 views2 answers
Html css change reading direction
CSS
0 vote115 views1 answer
Scss color black white
CSS