/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 vote133 views1 answer
Tail block css
CSS
2 votes132 views10 answers
Css
CSS
0 vote140 views1 answer
Horizontal rule plus text
CSS
13 votes142 views3 answers
Iphne media query csss
CSS
0 vote140 views1 answer
Colour button link
CSS
3 votes87 views1 answer
Ttf css
CSS
0 vote126 views2 answers
How to evenly space icons in a div css
CSS
3 votes128 views2 answers
Css color when clicked
CSS
1 vote132 views1 answer
-o css
CSS
-1 vote135 views1 answer
Css code for green
CSS