/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 vote189 views1 answer
Css animation not smooth site:stackoverflow.com
CSS
69 votes197 views6 answers
Center image css
CSS
16 votes196 views3 answers
CSS Head Link
CSS
196 votes314 views10 answers
Internet explorer
CSS
0 vote221 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
7 votes214 views3 answers
Change font awesome icon color
CSS
1 vote195 views1 answer
How to change button gradient
CSS
1 vote196 views1 answer
Html if text too long newline
CSS
0 vote225 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
22 votes208 views4 answers
Grid center align css
CSS