/CSS/Increase the size of an image on hover using css

Increase the size of an image on hover using css

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 vote343 views1 answer
Css selectors presentation
CSS
0 vote328 views1 answer
Abstände zwischen zeilen html
CSS
0 vote374 views1 answer
Css file path
CSS
9 votes304 views1 answer
Image background html css tricks
CSS
0 vote326 views1 answer
Nice select scroll bar for large amount of options
CSS
37 votes291 views4 answers
Css hover pointer
CSS
0 vote302 views1 answer
Css ie11 only
CSS
0 vote309 views1 answer
Remove glow textarea css
CSS
13 votes303 views4 answers
Scss transition mixin
CSS
2 votes292 views1 answer
How to create space inbetween text css
CSS

Share