/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

15 votes330 views3 answers
Loops scss
CSS
7 votes323 views6 answers
Background overlay css
CSS
10 votes338 views3 answers
Underline css animation
CSS
0 vote303 views1 answer
Make all elements in a div share same css
CSS
7 votes374 views3 answers
Import font woff css
CSS
13 votes307 views7 answers
Animate.css
CSS
0 vote304 views1 answer
How to put an element in front
CSS
2 votes305 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote302 views1 answer
Css border with 8 values
CSS
0 vote297 views1 answer
Qgraphicsscene get viewport width
CSS