/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

1 vote256 views1 answer
Write text in one line css
CSS
3 votes307 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote257 views1 answer
Materialize css icons
CSS
6 votes251 views2 answers
Css grid full width row
CSS
39 votes245 views2 answers
Css to increase font size
CSS
3 votes246 views2 answers
Centralize div flex
CSS
2 votes276 views1 answer
Admin dashboard html css
CSS
-1 vote249 views1 answer
Css background image not showing vscode
CSS
0 vote295 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
49 votes257 views5 answers
Absolute position div center
CSS