/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

34 votes260 views6 answers
Css linear gradient
CSS
1 vote218 views1 answer
Sm size website
CSS
1 vote287 views1 answer
Css change image saturation
CSS
3 votes259 views2 answers
Image with background color css
CSS
0 vote316 views1 answer
Have unordered list horizontal css
CSS
38 votes279 views3 answers
Cool ways to color a background with css
CSS
0 vote212 views1 answer
Css ein bisschen durchsichtig
CSS
8 votes272 views4 answers
Text-align attribute in css
CSS
1 vote261 views1 answer
Box shador of one border css
CSS
0 vote269 views1 answer
How to target input type with css
CSS

Share