/CSS/Resize image slowly on hover

Resize image slowly on hover

Increase the size of an image on hover using css

img { 
	transition: all .2s ease-in-out; 
}
img:hover { 
    	transform: scale(1.5); 
    }

3

Resize image slowly on hover

.grow { 
	transition: all .2s ease-in-out; 
}
	.grow:hover { 
    	transform: scale(1.1); 
    }

1

Source: css-tricks.com

Similar codes

0 vote238 views1 answer
Css3 background image curve
CSS
1 vote241 views1 answer
Wp wpbakery bulder page alignment
CSS
1 vote230 views2 answers
Align div to right side of parent
CSS
38 votes243 views6 answers
Text gradient css
CSS
1 vote285 views1 answer
Animated website
CSS
0 vote274 views1 answer
Circle css animation
CSS
0 vote244 views1 answer
Formatage date css
CSS
2 votes259 views2 answers
Why is my css not working
CSS
5 votes250 views2 answers
Normalize cdn
CSS
0 vote251 views1 answer
Como tirar o x do search input
CSS

Share