/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

38 votes174 views3 answers
Css breakpoints
CSS
1 vote175 views1 answer
How to add fanctoin to links in css
CSS
49 votes201 views4 answers
Scrollbar
CSS
0 vote334 views2 answers
Html select image background arrow
CSS
0 vote245 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
1 vote248 views1 answer
Rainbow linear gradient css
CSS
0 vote178 views1 answer
Bootstrap modal overflow
CSS
0 vote280 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
0 vote225 views1 answer
Adding active Class with JavaScript
CSS
0 vote165 views1 answer
Css media two conditions
CSS

Share