/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 vote161 views1 answer
Display content in column css
CSS
-1 vote204 views2 answers
Trasition opacity
CSS
0 vote149 views1 answer
Como tirar a sidebar css
CSS
25 votes164 views5 answers
Image blur css
CSS
120 votes169 views3 answers
React import bootstrap css file
CSS
6 votes168 views2 answers
Space between flexbox
CSS
0 vote160 views1 answer
Truncate multiline text
CSS
2 votes167 views1 answer
Flex align top css
CSS
0 vote202 views1 answer
Width clamp css
CSS
0 vote183 views1 answer
Css bottom:0 isnt the bottom of the page
CSS

Share