Search
 
SCRIPT & CODE EXAMPLE
 

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%);
}
Comment

PREVIOUS NEXT
Code Example
Css :: css grid tutorial 
Css :: w3.css templates 
Css :: select custom css 
Css :: add logo html css 
Css :: custom cursor 
Css :: css how to make 2d animations at once 
Css :: accent-color 
Css :: how to remove list style in css 
Css :: margin and padding setting for standard as usual website 
Css :: cd cover dimensions 
Css :: making a div vertically scrollable using css 
Css :: code preview html css tag 
Css :: chrome simulate prefers reduced motion 
Css :: hide scrolbar 
Css :: pacSelectFirst( submit button 
Css :: .cameleons 
Css :: total income of labrada company in india 
Css :: calculate min number in css 
Css :: mdn css marker 
Css :: how to scroll only in one direction in css 
Css :: free hrml css curs 
Css :: which port does ssh use 
Css :: Table Print Cut off right side 
Css :: responsive header with logo and menu css code 
Css :: details summary not open css 
Css :: css math functions simplifier 
Css :: scrollbar width css 
Css :: center content in div 
Css :: how to allow text to be copied in an input element ionic 
Css :: how to get rid of underline for links in css 
ADD CONTENT
Topic
Content
Source link
Name
4+6 =