/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 vote118 views1 answer
Bulma modal
CSS
0 vote128 views2 answers
How to add a selection in css
CSS
0 vote123 views1 answer
Device-pixel-ratio css
CSS
5 votes110 views1 answer
Less sass css
CSS
0 vote121 views1 answer
Center a spinner css
CSS
2 votes114 views1 answer
Uninstall pm2
CSS
0 vote117 views1 answer
How to change a checkbox to be selected
CSS
38 votes121 views6 answers
Text gradient css
CSS
1 vote116 views1 answer
Materialize customize container
CSS
0 vote115 views1 answer
Anchor links scrolling too far
CSS

Share