/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

2 votes166 views1 answer
Give transition on box shadow
CSS
2 votes168 views3 answers
Em
CSS
0 vote187 views1 answer
Css change all text
CSS
-1 vote158 views1 answer
Scss npm import
CSS
6 votes158 views2 answers
Update checkbox size css
CSS
25 votes181 views6 answers
Text stroke
CSS
3 votes176 views3 answers
Hide scroll bar when not needed
CSS
0 vote164 views1 answer
How to set the scroll in bootstrap4 table body
CSS
0 vote177 views1 answer
Navbar bootstrap display items horizontally
CSS
3 votes170 views2 answers
How to make border for letters in css
CSS