/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

5 votes408 views2 answers
Onclick reload an iframe
CSS
0 vote381 views1 answer
Z pos css
CSS
0 vote399 views1 answer
Fonts from google fonts do not work
CSS
0 vote364 views1 answer
How to apply css on react chartjs
CSS
2 votes306 views1 answer
How to bring default values in css
CSS
0 vote382 views1 answer
Table td css
CSS
0 vote343 views1 answer
Overriding fullpage js anchor style
CSS
1 vote389 views1 answer
Scroll bar on border radius element css
CSS
0 vote358 views1 answer
Css add space to the top
CSS
22 votes385 views6 answers
Font family css
CSS

Share