/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

31 votes206 views4 answers
Letter spacing in css
CSS
1 vote236 views1 answer
Hardball rifler
CSS
8 votes220 views2 answers
Html how to change highlight color
CSS
1 vote226 views3 answers
How to place a table in center in css
CSS
-1 vote203 views1 answer
Asp.net set css class in code behind
CSS
8 votes230 views2 answers
Reset submit input style
CSS
0 vote215 views2 answers
Drop function postgresql
CSS
0 vote207 views1 answer
Input css text on right
CSS
8 votes260 views2 answers
How to add border in css
CSS
2 votes224 views2 answers
Mongoose populate selected fields
CSS