/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 vote143 views1 answer
Button active css
CSS
2 votes133 views1 answer
How to mirror object through css
CSS
2 votes202 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
2 votes146 views2 answers
Why is my css not working
CSS
0 vote136 views1 answer
Page rotate css
CSS
4 votes98 views3 answers
Css animation delay
CSS
4 votes143 views2 answers
Background image with color overlay gradient css
CSS
17 votes218 views2 answers
Place item center in css using grid
CSS
83 votes150 views2 answers
Css text transform
CSS
14 votes174 views2 answers
How to render css in flask
CSS

Share