/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

21 votes293 views5 answers
Text-overflow: ellipsis 2 lines
CSS
0 vote335 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
1 vote287 views1 answer
Load css file flask
CSS
0 vote305 views2 answers
Bulma uppercase
CSS
0 vote317 views5 answers
How many px is iphone 12 pro max css
CSS
3 votes304 views2 answers
Downgrade composer to 1 in vagrant
CSS
3 votes292 views2 answers
Make triangle using div
CSS
0 vote267 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
0 vote290 views1 answer
Sass dummy folder site download
CSS
7 votes291 views3 answers
Css right
CSS