/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 votes104 views3 answers
How to make fixed background image in css
CSS
5 votes107 views1 answer
Css cheat sheet
CSS
2 votes115 views1 answer
Remove accordion space materuail ui css
CSS
3 votes117 views1 answer
Hcss change highlight color
CSS
0 vote113 views1 answer
Css last 3 childs
CSS
-1 vote113 views1 answer
On class hover another class color change
CSS
1 vote116 views1 answer
Ahk modifiers
CSS
1 vote101 views1 answer
Place many images in a div beautifully
CSS
1 vote104 views1 answer
Svg tailwind
CSS
2 votes115 views1 answer
Background gradient problem
CSS

Share