/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

1 vote132 views1 answer
Hardball rifler
CSS
0 vote132 views1 answer
Why we are translating -50%, -50% in css
CSS
1 vote131 views1 answer
Fade other items on hover
CSS
1 vote137 views1 answer
Disable highlighting text in CSS.
CSS
0 vote141 views1 answer
Make table cell less wide css
CSS
0 vote131 views1 answer
Background Image Accessibility concerns
CSS
55 votes201 views6 answers
Css margin
CSS
0 vote127 views1 answer
Which CSS property is used to add shadow to an element?
CSS
0 vote184 views1 answer
Bootstrap accordion some change
CSS Bootstrap
0 vote140 views1 answer
Hoow to open a css class in css
CSS

Share