/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

7 votes215 views1 answer
How to curve button in html
CSS
45 votes179 views6 answers
How to remove background color in css
CSS
0 vote187 views1 answer
Box-shadow um ganzen div
CSS
0 vote179 views1 answer
Css unlock scroll
CSS
0 vote206 views1 answer
Line cap css
CSS
29 votes182 views9 answers
Traduttore
CSS
0 vote179 views1 answer
How to target input type with css
CSS
0 vote185 views1 answer
DIVI Responsive menu breakpoints
CSS
1 vote186 views1 answer
Css flip svg
CSS
8 votes180 views2 answers
Center div vertically tailwind
CSS