/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 vote115 views1 answer
How to use a background property in css
CSS
2 votes121 views2 answers
How use befor after for image
CSS
1 vote103 views1 answer
How to validate mail adress css
CSS
3 votes102 views2 answers
Image overlay in css
CSS
5 votes108 views4 answers
Css flex gap between items
CSS
0 vote110 views1 answer
Css cap rows paragraph
CSS
5 votes114 views3 answers
How to trim leading spaces in html using css
CSS
1 vote108 views1 answer
About us page template html css codepen
CSS
145 votes177 views6 answers
Import bootstrap in react
CSS
0 vote108 views1 answer
Unhover animation
CSS

Share