/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

3 votes174 views1 answer
Inline block align center
CSS
0 vote172 views1 answer
Force keyboard to hide android programmatically
CSS
2 votes181 views1 answer
Flex align top css
CSS
5 votes182 views2 answers
How to make page responsive using css
CSS
0 vote192 views1 answer
Css anchor fill parent
CSS
5 votes164 views4 answers
What is inset in css
CSS
1 vote236 views1 answer
Css fixed center vertical
CSS
0 vote241 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
50 votes171 views4 answers
Truncate text css
CSS
7 votes125 views2 answers
Html vertical and horizontal center
CSS