/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 vote169 views1 answer
Mainframe courses udemy
CSS
16 votes193 views1 answer
Css text vertical direction
CSS
2 votes176 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
1 vote151 views1 answer
Css testo che scorre
CSS
0 vote169 views1 answer
CSS menu list with underline hover animation
CSS
2 votes172 views2 answers
Css fill parent height
CSS
0 vote155 views1 answer
Shrouded
CSS
0 vote150 views1 answer
Mac input shadow
CSS
0 vote151 views1 answer
Css disable user interaction
CSS
0 vote148 views1 answer
How to make img cover parent div
CSS

Share