/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 vote379 views1 answer
Menu always center css
CSS
18 votes341 views4 answers
Css rotate animation
CSS
1 vote358 views1 answer
Change order columns bootstrap
CSS
1 vote355 views2 answers
Inline border css reactjs
CSS
6 votes361 views3 answers
.row bootstrap
CSS Bootstrap
9 votes355 views5 answers
Css background full screen
CSS
23 votes350 views3 answers
Text-overflow ellipsis multiple lines
CSS
17 votes339 views1 answer
Css opacity example
CSS
1 vote362 views1 answer
Login
CSS
1 vote329 views1 answer
Chrome button black white border
CSS

Share