/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

2 votes194 views2 answers
How to put the input box and the label on top of input
CSS
0 vote178 views1 answer
Different :after and ::after
CSS
1 vote151 views1 answer
How to find the key of the largest value hash?
CSS
0 vote216 views1 answer
Background image animation css codepen
CSS
-1 vote195 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
6 votes201 views2 answers
Transition prefixes css
CSS
0 vote196 views1 answer
How to make my list unstyled
CSS
0 vote219 views1 answer
Css remove scrollbar from body
CSS
4 votes208 views2 answers
How to remove onclick input border
CSS
0 vote206 views1 answer
Touch-action in css
CSS

Share