/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 vote210 views1 answer
Side nav bar in materialize css
CSS
0 vote267 views1 answer
Css varianbes
CSS
0 vote627 views1 answer
Fssg
CSS
0 vote214 views1 answer
Html display text in alternating coloured panels
CSS
0 vote273 views1 answer
Installer scss projet wordpress
CSS
0 vote204 views6 answers
Vertical multi color border css
CSS
152 votes252 views6 answers
How to add bold in css
CSS
20 votes192 views6 answers
Fonts for css
CSS
4 votes245 views3 answers
Soft box shadow css
CSS
126 votes402 views5 answers
React Bootstrap css import
CSS Bootstrap