/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

1 vote360 views1 answer
Display none but keep space
CSS
11 votes359 views2 answers
Css click through an element
CSS
26 votes343 views5 answers
Css text align left
CSS
1 vote376 views1 answer
Text-shadow
CSS
-2 votes373 views1 answer
How to add pseudo class in html
CSS
4 votes362 views2 answers
For in sass
CSS
2 votes343 views1 answer
Last second css
CSS
22 votes347 views6 answers
Font-family css
CSS
10 votes358 views2 answers
Darken image css
CSS
8 votes336 views2 answers
Center image with position absolute
CSS

Share