/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

8 votes326 views2 answers
How to rotate picture to the right in css
CSS
0 vote352 views1 answer
Flex align self
CSS
1 vote384 views1 answer
Overflow scrollbar with variable height
CSS
0 vote366 views1 answer
Flutter replacement for flatbutton
CSS
0 vote415 views1 answer
Outting a border on a map css
CSS
0 vote363 views2 answers
Bulma uppercase
CSS
0 vote369 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
26 votes350 views3 answers
Cursor not pointer
CSS
0 vote395 views1 answer
Hiden file upload button css
CSS
0 vote352 views7 answers
Convert css box shadow to react native
CSS

Share