/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

31 votes392 views3 answers
Rgba blue color
CSS
7 votes328 views3 answers
Css animation infinite
CSS
0 vote370 views1 answer
Css saturate
CSS
0 vote334 views1 answer
Change font size according to screen css
CSS
0 vote376 views1 answer
Applying multiple transform values to an object css
CSS
0 vote322 views1 answer
Hide calendar icon
CSS
1 vote341 views1 answer
How to hover over an individual cell in table css
CSS
0 vote342 views1 answer
How create checkbox ui like disabled checkbox using css
CSS
15 votes361 views3 answers
Css change text
CSS
0 vote352 views1 answer
Change last character color css
CSS

Share