/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 vote159 views2 answers
Elementor accordions closed by default
CSS
0 vote108 views1 answer
Wordpress force https
CSS
0 vote149 views1 answer
Get clicked position javascript image
CSS
0 vote149 views1 answer
Border buttom color
CSS
0 vote143 views1 answer
How to set image size without changing aspect ratio in css
CSS
3 votes157 views3 answers
Open sans css
CSS
0 vote106 views1 answer
Remove svg border
CSS
2 votes147 views1 answer
Css class selector contains
CSS
3 votes160 views2 answers
Css border radius not working
CSS
0 vote145 views1 answer
How to use css print page break with float
CSS