/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

0 vote251 views1 answer
Hover media query
CSS
15 votes243 views2 answers
How to make a div scrollable vertically
CSS
8 votes253 views3 answers
Select first div css
CSS
0 vote245 views1 answer
Image right css
CSS
0 vote261 views1 answer
Css saturate
CSS
64 votes225 views6 answers
Rotate css
CSS
0 vote239 views1 answer
Inline list css without floats
CSS
0 vote247 views1 answer
Css make background image repeat horizontal
CSS
1 vote257 views1 answer
Css access span class inside div
CSS
3 votes235 views1 answer
Animation keep end state
CSS

Share