/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 vote143 views1 answer
Materialize button
CSS
2 votes155 views1 answer
Transfrom rotate
CSS
1 vote116 views1 answer
Associate checkbox with label
CSS
0 vote113 views1 answer
Git font
CSS
0 vote216 views1 answer
How to create a dotted hr
CSS
7 votes91 views1 answer
Col md 12
CSS
3 votes134 views2 answers
How to give shadow to navbar
CSS
0 vote116 views1 answer
Div with no content have a width/height
CSS
49 votes152 views4 answers
Scrollbar
CSS
0 vote135 views2 answers
Weer
CSS

Share