/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

9 votes159 views3 answers
Console.log style css
CSS
0 vote136 views1 answer
Css row
CSS
2 votes143 views1 answer
Kerning css
CSS
6 votes137 views3 answers
Inner box shadow
CSS
20 votes148 views4 answers
Css list no bullets
CSS
0 vote146 views1 answer
How to write text in middle of straight line in css
CSS
45 votes146 views6 answers
How to write css in html
CSS
8 votes168 views2 answers
Css margin bottom
CSS
1 vote138 views2 answers
Css div side rounded
CSS
0 vote150 views1 answer
CSS menu list with underline hover animation
CSS

Share