/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 vote313 views1 answer
Not allow select text css
CSS
36 votes321 views5 answers
Text-color gradient css
CSS
72 votes405 views6 answers
Css center position absolute
CSS
0 vote321 views1 answer
How to remove table border in css for last child if rowspan
CSS
2 votes323 views2 answers
Aspect ratio css
CSS
1 vote358 views1 answer
Css html unterstreichen
CSS
0 vote366 views1 answer
Input checkbox size css
CSS
4 votes339 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
48 votes332 views6 answers
Html font size
CSS
0 vote350 views1 answer
Html min width
CSS

Share