/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

15 votes215 views4 answers
Sass
CSS
1 vote187 views1 answer
Css stylistic alternates
CSS
0 vote212 views2 answers
To convert categorical data to numerical
CSS
0 vote239 views1 answer
Next day 2pm delivery countdown timer script
CSS
3 votes199 views3 answers
Svg animation css
CSS
64 votes295 views4 answers
Bootstrap buttons
CSS
0 vote267 views1 answer
Python css
CSS
2 votes173 views1 answer
Bootstrap list view
CSS
0 vote207 views1 answer
Why programmers are single
CSS
0 vote227 views2 answers
How long ago was 1993 years
CSS

Share