/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

0 vote106 views1 answer
Divs overlapping on mobile landscape
CSS
0 vote113 views1 answer
Css animate svg circle radius
CSS
0 vote94 views1 answer
Values play state animation css
CSS
0 vote105 views1 answer
Django validation error css
CSS
0 vote128 views1 answer
Css how to remove underline from visited sites
CSS
0 vote108 views3 answers
Slick slider and ACF Pro in WordPress
CSS
4 votes105 views2 answers
Add background overlay over background image
CSS
30 votes92 views6 answers
Background image with gradient css
CSS
9 votes100 views2 answers
Textview center text
CSS
7 votes114 views3 answers
Remove hover effect css
CSS

Share