/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 vote137 views1 answer
Fullcalendar react
CSS
0 vote162 views1 answer
Css pause animation
CSS
0 vote132 views2 answers
Css prevent scrolling behind overlay
CSS
1 vote102 views1 answer
Html hide text if too long
CSS
0 vote128 views4 answers
Uikit theme
CSS
3 votes133 views1 answer
Trash icon in fontawesome
CSS
0 vote134 views1 answer
Can i do an onclick menu with css alone
CSS
2 votes129 views1 answer
Clamp margin
CSS
7 votes162 views6 answers
Background overlay css
CSS
0 vote143 views1 answer
Add youtube video in markdown
CSS

Share