/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 vote144 views1 answer
Why wont text color of a div change
CSS
0 vote152 views1 answer
Cmd batch application position windows script -cmdow
CSS
0 vote231 views1 answer
Materialize css form file input
CSS Materialize
6 votes144 views3 answers
How to round input border
CSS
4 votes174 views1 answer
Move button in CSS
CSS
0 vote146 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote143 views1 answer
Create an irregular shape div css
CSS
0 vote162 views1 answer
Bulk order pre cooked pasta
CSS
0 vote134 views2 answers
Filter array by keyword
CSS
0 vote164 views1 answer
By.cssselector
CSS