/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 vote103 views1 answer
Constraint barrier example
CSS
0 vote104 views1 answer
Css video background
CSS
0 vote117 views1 answer
Repeating-conic-gradient css
CSS
0 vote153 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
0 vote109 views1 answer
Hover media query
CSS
1 vote112 views1 answer
Css make background visible in text
CSS
1 vote101 views1 answer
Calculate min number in css
CSS
0 vote124 views1 answer
Css percentrage minus px
CSS
0 vote104 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
0 vote109 views1 answer
How to code color css property
CSS