/CSS/Increase the size of an image on hover using css

Increase the size of an image on hover using css

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

80 votes223 views6 answers
Css favicon
CSS
0 vote256 views1 answer
How to disable li points
CSS
6 votes257 views3 answers
Scroll snap css
CSS
0 vote223 views1 answer
Offsetx and offsety in css
CSS
-1 vote211 views1 answer
Centralize div css
CSS
12 votes222 views1 answer
How to make borders rounded in css
CSS
0 vote224 views1 answer
Inline block and 50% width not aligning items
CSS
0 vote243 views7 answers
Xle
CSS
2 votes173 views1 answer
Css scrollbar thumb height
CSS
0 vote240 views1 answer
Top down gradient css on body
CSS

Share