/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

22 votes140 views4 answers
Css flip image horizontally
CSS
0 vote139 views2 answers
Skeumorphism box shadow
CSS
0 vote127 views1 answer
How to add default font css
CSS
0 vote133 views1 answer
What is difference between padding and margin?
CSS
1 vote140 views1 answer
Css %-px
CSS
52 votes136 views4 answers
Css cursor pointer hover
CSS
127 votes263 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote156 views2 answers
Animate zoom in and zoom out in css
CSS
43 votes131 views4 answers
Text limit in css
CSS
1 vote160 views1 answer
Mat-progress-bar style without app-theme
CSS