/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

42 votes312 views5 answers
Css center everything
CSS
22 votes298 views6 answers
Font family css
CSS
0 vote271 views1 answer
Css absolute z index less than
CSS
0 vote359 views2 answers
Using materialize css with react
CSS Materialize
1 vote295 views1 answer
How to validate mail adress css
CSS
0 vote373 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote299 views1 answer
Nokogiri xml diff
CSS
23 votes303 views4 answers
Gradient border css
CSS
1 vote280 views1 answer
Css super smooth shadow
CSS
3 votes295 views1 answer
Fontawesome trash icon
CSS

Share