/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 vote336 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
7 votes361 views2 answers
Vue sass loader
CSS
0 vote310 views1 answer
Css background half one color the other half another color
CSS
1 vote332 views1 answer
Url css
CSS
48 votes387 views6 answers
Media query min and max
CSS
0 vote376 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote289 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
5 votes328 views1 answer
Hidden elements blinking on hover
CSS
1 vote316 views1 answer
Css erase text
CSS
0 vote347 views1 answer
Change d in path svg css
CSS