/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

0 vote290 views1 answer
Span to left css
CSS
7 votes288 views4 answers
List elements vertically in html
CSS
0 vote289 views1 answer
Wordpress how to change logo on a certain page with css
CSS
0 vote323 views1 answer
Gradient 3 colors
CSS
0 vote298 views1 answer
How do I add a vertical margin in css
CSS
7 votes282 views3 answers
Rounded input css
CSS
0 vote269 views1 answer
Change image link css
CSS
0 vote307 views1 answer
Avoid side scrolling css
CSS
0 vote325 views1 answer
Espacio entre lineas css
CSS
5 votes296 views5 answers
Css disable zoom on mobile
CSS

Share