/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 vote271 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
2 votes206 views1 answer
Css no bottom ouline
CSS
180 votes521 views6 answers
How to import a css file in html
CSS
0 vote200 views1 answer
When grepper whas created
CSS
0 vote207 views1 answer
Details summary hide arrow
CSS
6 votes214 views3 answers
How to snap the scroll is css
CSS
0 vote205 views1 answer
How to add space inbetween lines in html
CSS
0 vote201 views1 answer
Add css file through jquery
CSS
4 votes206 views1 answer
Make something unclickable css
CSS
0 vote186 views1 answer
Css media queries if else
CSS

Share