/CSS/Resize image slowly on hover

Resize image slowly on hover

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 vote154 views1 answer
Flexbox froggy
CSS
1 vote160 views1 answer
Multiple values in @media
CSS
0 vote143 views1 answer
How to get 2 words one left aligh and right align in css
CSS
164 votes199 views6 answers
Css bold
CSS
33 votes139 views5 answers
Css strikethrough html text
CSS
0 vote184 views1 answer
Css custom cursor form image
CSS
2 votes139 views1 answer
Css percent minus pixel
CSS
1 vote204 views1 answer
Sass compile minified
CSS
3 votes154 views1 answer
Import font sass
CSS
0 vote152 views1 answer
Get size of each file and folder in a directory
CSS

Share