/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 vote187 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
0 vote175 views1 answer
Punderline none
CSS
2 votes169 views1 answer
Media queries css responsive max width
CSS
0 vote183 views1 answer
Device-pixel-ratio css
CSS
0 vote167 views1 answer
French bakery northgate
CSS
0 vote190 views1 answer
@keyframes opact
CSS
0 vote189 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
190 votes486 views6 answers
How to use css in html
CSS
0 vote204 views1 answer
Position inset css
CSS
1 vote163 views1 answer
The user specified as a definer does not exist
CSS