/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

1 vote277 views1 answer
Export database spinup on terminal commands
CSS
0 vote307 views1 answer
AddCorsMappings registry.addMapping
CSS
0 vote287 views1 answer
Css nested scrollbars
CSS
16 votes302 views2 answers
Center h1 css
CSS
2 votes288 views3 answers
Remove border css
CSS
0 vote308 views1 answer
Scss @content
CSS
0 vote288 views1 answer
Prevent mailto href indexing
CSS
2 votes316 views1 answer
Css div overlay div
CSS
2 votes258 views2 answers
Input disabled remove css
CSS
0 vote300 views1 answer
Css to reduce margin of class container
CSS

Share