/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 vote177 views1 answer
Truncate long line with dots
CSS
7 votes215 views2 answers
Text align justify
CSS
0 vote191 views1 answer
Imporatn css
CSS
0 vote201 views1 answer
Css youtube video get rid of black border
CSS
17 votes181 views2 answers
Css horizontal gradient background color
CSS
1 vote183 views1 answer
Zoom background image css
CSS
0 vote214 views1 answer
How to write text in middle of straight line in css
CSS
0 vote183 views1 answer
Css media query for mobile and hide a row wordpress
CSS
7 votes188 views2 answers
Float center tailwind
CSS
15 votes208 views3 answers
Image rotate with css
CSS