/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 vote222 views1 answer
Webpack how to disable warning when run build
CSS
0 vote202 views1 answer
Css tutorial point
CSS
0 vote220 views1 answer
Relier css html
CSS
1 vote288 views1 answer
Can we use multiple keyframes in css
CSS
3 votes179 views1 answer
Css vendor prefix
CSS
62 votes210 views5 answers
Media max width css
CSS
8 votes220 views2 answers
Clearfix css
CSS
0 vote217 views1 answer
Column count css
CSS
0 vote218 views1 answer
Poretty print css
CSS
0 vote218 views1 answer
Horizontal scroll only css mobile
CSS

Share