/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 votes354 views2 answers
Css border radius not working
CSS
0 vote359 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS
0 vote366 views1 answer
Mat-form-field textarea save with new line
CSS
15 votes347 views2 answers
Border-box css
CSS
0 vote381 views1 answer
Css break after 2 words
CSS
0 vote364 views1 answer
Css dashed double border
CSS
0 vote377 views1 answer
Woocommerce product_cat apply to custom post type
CSS
1 vote372 views1 answer
How to add 2 text shadows
CSS
145 votes443 views6 answers
Import bootstrap in react
CSS
0 vote365 views1 answer
Credimax
CSS

Share