/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 vote229 views1 answer
Style image so it crops
CSS
120 votes174 views6 answers
Font-weight css
CSS
0 vote182 views1 answer
Spaziatura caratteri css
CSS
1 vote205 views1 answer
Css p tag text wrap
CSS
0 vote175 views1 answer
Css only style horizontal scrollbar
CSS
0 vote197 views2 answers
Wp redirect to https htaccess
CSS
76 votes218 views6 answers
Display flex css
CSS
0 vote168 views1 answer
Locale_translation_projects_alter
CSS
0 vote191 views1 answer
Cd program files x86
CSS
3 votes179 views1 answer
Inline block align center
CSS