/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 vote220 views1 answer
Css set width of a span
CSS
15 votes215 views2 answers
Get rid of arrows number input
CSS
0 vote228 views1 answer
Justify-self
CSS
1 vote209 views2 answers
How to make a div fill the screen
CSS
27 votes218 views6 answers
Import font css
CSS
-1 vote217 views1 answer
How to margin placeholdr text
CSS
0 vote210 views1 answer
Disable button outline in css
CSS
0 vote204 views1 answer
Import tailwind
CSS
3 votes225 views1 answer
Install expo vector icons
CSS
0 vote207 views2 answers
Can i use css in react native
CSS

Share