/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 vote201 views2 answers
Webpack animate.css
CSS
0 vote192 views2 answers
Mat-select-panel-wrap change position
CSS
0 vote192 views7 answers
Xle
CSS
0 vote250 views1 answer
Global css cannot be imported from files other than your
CSS
20 votes204 views4 answers
Css list no bullets
CSS
1 vote185 views1 answer
How to make my page fixed
CSS
13 votes259 views4 answers
How to print background bootstrap
CSS
53 votes206 views4 answers
On hover css
CSS
1 vote223 views1 answer
Load css file flask
CSS
1 vote186 views1 answer
Scroll-behavior not working
CSS

Share