/CSS/Resize image slowly on hover

Resize image slowly on hover

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 vote323 views1 answer
Make changes to api fetch onclick in react
CSS
7 votes328 views3 answers
Stick menu bar in css
CSS
0 vote311 views1 answer
How to center an overlay button using css transform and translate
CSS
0 vote295 views1 answer
Input css text on right
CSS
1 vote332 views2 answers
Css button style rectangle
CSS
2 votes309 views2 answers
Why is my css not working
CSS
9 votes314 views3 answers
Css rotate 90 degrees
CSS
17 votes252 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
0 vote337 views1 answer
Background image for div in grid system bootstrap
CSS
0 vote306 views1 answer
Apply image as full screen responsive background
CSS

Share