/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 vote189 views1 answer
Media query change button text
CSS
60 votes194 views3 answers
Media query for mobile view css
CSS
145 votes248 views6 answers
Import bootstrap in react
CSS
6 votes235 views3 answers
Css for safari only
CSS
109 votes188 views6 answers
Center css
CSS
2 votes192 views1 answer
How to make auto scroll to the end in css
CSS
13 votes251 views7 answers
Animate.css
CSS
0 vote178 views1 answer
Sass file
CSS
0 vote173 views1 answer
How to change height font css
CSS
-2 votes198 views1 answer
Change icon color to gradient css
CSS

Share