/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

4 votes164 views1 answer
Ionic mobile always dark theme in web
CSS
0 vote148 views1 answer
Switch css with text
CSS
0 vote166 views1 answer
How to link to class in CSS
CSS
20 votes150 views5 answers
Postgres version command
CSS
0 vote172 views1 answer
Overflow-wrap: anywhere
CSS
0 vote117 views1 answer
Hide calendar icon
CSS
0 vote174 views1 answer
Tailblocks
CSS
0 vote158 views5 answers
Css math functions simplifier
CSS
7 votes175 views6 answers
Font style css
CSS
0 vote174 views1 answer
Prevent child margin from moving parent css
CSS

Share