/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 vote354 views1 answer
Layer on top in javascript
CSS
7 votes347 views3 answers
Border-width in percentage
CSS
1 vote332 views1 answer
Bootstrap col no gaps
CSS
2 votes369 views5 answers
How to reset postgres password
CSS
-1 vote344 views1 answer
Add shadow to background image css
CSS
0 vote316 views1 answer
Sass mixin breakpoint
CSS
0 vote298 views1 answer
Css !important
CSS
0 vote376 views2 answers
Facebook box-shadow css
CSS
0 vote343 views1 answer
Spree_digital
CSS
68 votes401 views6 answers
Flex
CSS

Share