/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

4 votes224 views1 answer
Css border botttom
CSS
8 votes227 views2 answers
Reset submit input style
CSS
0 vote213 views2 answers
How to give text stroke in css
CSS
6 votes201 views1 answer
Flex change order
CSS
0 vote194 views2 answers
Css not clickable
CSS
6 votes157 views2 answers
How to change text on hover
CSS
1 vote206 views1 answer
Place-items css property
CSS
2 votes192 views1 answer
XAMPP: Another web server daemon is already running
CSS
0 vote202 views1 answer
Find element that is causing overflow css
CSS
0 vote233 views1 answer
Transform on click
CSS

Share