/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 vote199 views2 answers
Fluid typography
CSS
10 votes175 views2 answers
Css list items next to each other
CSS
1 vote169 views2 answers
How to convert FormData (HTML5 object) to JSON
CSS
0 vote172 views1 answer
Css for chrome only
CSS
0 vote182 views1 answer
Easiest way to invert css to dark mode
CSS
0 vote192 views1 answer
How to some of the list and show some in css
CSS
0 vote168 views1 answer
Understanding '+' sign in css selector
CSS
0 vote187 views1 answer
When grepper whas created
CSS
0 vote175 views1 answer
Input readonly css
CSS
0 vote183 views1 answer
How to take only part of an image css
CSS