/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

42 votes369 views6 answers
Disable textarea resize
CSS
9 votes278 views2 answers
Box shadow as border
CSS
0 vote313 views1 answer
Make font awesome spin but not the word on hover
CSS
126 votes486 views5 answers
React Bootstrap css import
CSS Bootstrap
0 vote331 views1 answer
Overiade main style only for specific page sass
CSS
12 votes345 views3 answers
Vertical and horizontal align center div
CSS
3 votes319 views3 answers
How to center a html header
CSS
10 votes349 views10 answers
Fortnite
CSS
26 votes332 views3 answers
Cursor not pointer
CSS
0 vote401 views1 answer
Bouton darkmode
CSS

Share