Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR 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 by ucs-portfolio-api.000webhostapp.com #
 
PREVIOUS NEXT
Tagged: #hover #father #elemet #activates #child #element #css
ADD COMMENT
Topic
Name
3+9 =