/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 votes255 views3 answers
Css wrap text to next line
CSS
0 vote267 views1 answer
Resctrict css to apply on div
CSS
0 vote291 views1 answer
Html link local css file
CSS
1 vote277 views2 answers
Css ios disable zoom
CSS
0 vote263 views1 answer
Css last 3 childs
CSS
4 votes257 views2 answers
Stop text from wrapping
CSS
4 votes304 views3 answers
Css text dots
CSS
0 vote331 views2 answers
Elementor accordions closed by default
CSS
0 vote276 views1 answer
Android studio cardview background transparent
CSS
4 votes281 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap