/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

27 votes162 views3 answers
Align div to center of screen
CSS
0 vote149 views1 answer
WSGI: Truncated or oversized response headers received from daemon process
CSS
4 votes144 views2 answers
How to make fonts respnsive
CSS
9 votes153 views3 answers
Css bottom
CSS
0 vote167 views10 answers
Stack Overflow
CSS
0 vote146 views1 answer
Import scss
CSS
1 vote162 views1 answer
How to add 2 text shadows
CSS
0 vote148 views1 answer
Box-shadow left right and bottom
CSS
3 votes181 views1 answer
Get company id odoo
CSS
49 votes183 views5 answers
How to remove bullets from ul
CSS