/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 vote102 views1 answer
Table with vertical lines in angular
CSS
23 votes113 views3 answers
How to change placeholder color
CSS
1 vote112 views1 answer
Css color of input
CSS
13 votes107 views1 answer
Remove style from link
CSS
3 votes126 views3 answers
Hide scroll bar when not needed
CSS
7 votes115 views3 answers
Rounded input css
CSS
0 vote116 views1 answer
Closing modal on iframe movies still running
CSS
1 vote112 views1 answer
Html dim entire screen
CSS
2 votes117 views1 answer
Give transition on box shadow
CSS
20 votes129 views3 answers
Center align div vertically and horizontally css
CSS