/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

13 votes318 views2 answers
How to add background in css
CSS
0 vote313 views1 answer
Devextreme css
CSS
0 vote380 views3 answers
Add custom css to wordpress menu item
CSS
7 votes335 views3 answers
Z-index max value
CSS
76 votes360 views6 answers
Display flex css
CSS
0 vote312 views1 answer
Background single line property css
CSS
0 vote336 views1 answer
Remove focus blue lines from anchor tag
CSS
0 vote356 views1 answer
How to make a pixel in css
CSS
29 votes335 views4 answers
How to remove bullet in css
CSS
0 vote314 views1 answer
Before width not working
CSS

Share