/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

2 votes135 views1 answer
How to put background in html
CSS
0 vote133 views2 answers
How to add a selection in css
CSS
0 vote124 views2 answers
Sass example html
CSS
2 votes148 views1 answer
Css area not selectable
CSS
0 vote120 views1 answer
Css banner image
CSS
106 votes124 views5 answers
Position css
CSS
0 vote128 views1 answer
Download styles.css
CSS
1 vote119 views1 answer
Css ecken abrunden
CSS
0 vote117 views2 answers
Remove button shadow css
CSS
0 vote216 views2 answers
Materialize css for react
CSS Materialize

Share