/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

69 votes292 views6 answers
Flexbox elements
CSS
0 vote287 views1 answer
Change d in path svg css
CSS
0 vote252 views1 answer
How to use the display property
CSS
66 votes263 views6 answers
Rotate element css
CSS
3 votes290 views4 answers
Blue gradient background
CSS
1 vote325 views1 answer
Out transition does not ease
CSS
1 vote291 views1 answer
Stop the client from scrolling
CSS
0 vote305 views1 answer
React html height 100%
CSS
0 vote268 views1 answer
How input field bottom shadow in css
CSS
6 votes325 views3 answers
Css for safari only
CSS