/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

3 votes211 views1 answer
Download css from website
CSS
2 votes184 views3 answers
Import image css
CSS
0 vote253 views1 answer
Css chess pieces
CSS
1 vote212 views1 answer
Lato font family css
CSS
31 votes187 views6 answers
Linear gradient
CSS
12 votes187 views4 answers
On hover display another div css
CSS
2 votes253 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
2 votes170 views1 answer
Minimum margin css
CSS
9 votes185 views1 answer
Perfect full page background image
CSS
0 vote241 views1 answer
Wordpress how to change logo on a certain page with css
CSS

Share