/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 vote104 views1 answer
Responsive slider with text animation codepen
CSS
0 vote143 views1 answer
Textarea resize only horizontal
CSS
0 vote138 views1 answer
How to add carasoule in html using css
CSS
11 votes157 views1 answer
Css white-space nowrap
CSS
2 votes145 views1 answer
Css limit line text
CSS
0 vote134 views1 answer
Ignore default css for react Link
CSS
4 votes147 views2 answers
Can we use material ui and tailwind css together
CSS
5 votes148 views2 answers
How to select child when hover on parent element css
CSS
0 vote164 views1 answer
"selector-max-specificity"
CSS
0 vote145 views2 answers
How to write text on video in html
CSS