css hover change parent element code example
Example 1: how to select child when hover on parent element css
/* Selecting a child element on :hover parent element*/
.parent:hover .child {
/* ... */
}
Example 2: 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%);
}