/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

2 votes393 views2 answers
Bootstrap change color table striped
CSS
0 vote363 views1 answer
Css clip path alternative
CSS
42 votes387 views5 answers
Split text javascript
CSS
46 votes381 views2 answers
Customize scrollbar
CSS
0 vote350 views1 answer
How to change logo size in wordpress
CSS
0 vote343 views1 answer
Html print page break
CSS
3 votes390 views1 answer
Font family comic sans ms
CSS
0 vote366 views1 answer
Css tricks stretch content full witdh
CSS
0 vote392 views1 answer
Make table cell less wide css
CSS
0 vote343 views1 answer
Comentarios en archivo scss
CSS