/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 vote123 views1 answer
Whitesmoke color gradient
CSS
4 votes103 views1 answer
Linear gradient instagram
CSS
0 vote125 views1 answer
Box shadow css animation
CSS
41 votes132 views3 answers
Centre align in position absolute
CSS
3 votes121 views1 answer
Css image fit in div with aspect ratio
CSS
7 votes118 views2 answers
Max z-index value css
CSS
0 vote113 views1 answer
JavaScript find common characters between the strings
CSS
0 vote113 views1 answer
How to manage overflowing text in button
CSS
38 votes149 views6 answers
Convert object to array
CSS
23 votes116 views2 answers
Center align in grid
CSS