/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 vote331 views1 answer
Resctrict css to apply on div
CSS
54 votes313 views2 answers
How to center an image element inside a block in css
CSS
7 votes316 views3 answers
Rounded input css
CSS
0 vote335 views2 answers
Counter-style counter css counters
CSS
0 vote320 views1 answer
Add a class to header
CSS
23 votes334 views5 answers
Image rotate css
CSS
0 vote322 views1 answer
Css gradient bottom page
CSS
0 vote340 views1 answer
Padding bottom and top css in same ligne
CSS
62 votes346 views6 answers
Css text shadow
CSS
2 votes280 views1 answer
Css scrollbar thumb height
CSS

Share