/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 vote252 views1 answer
Materialize button
CSS Materialize
1 vote260 views1 answer
Universal selector incss'
CSS
4 votes289 views2 answers
Amc
CSS
0 vote232 views1 answer
Ubuntu phantomjs wrong paper size
CSS
-1 vote236 views1 answer
Dotted underline css
CSS
0 vote254 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote275 views1 answer
How to see applications installed by wine cmd
CSS
0 vote272 views1 answer
How to center a text input in css
CSS
3 votes227 views2 answers
How to give shadow to navbar
CSS
6 votes254 views3 answers
Disable drag image css
CSS

Share