/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 vote176 views1 answer
Poretty print css
CSS
0 vote204 views1 answer
Before css font awesome
CSS
0 vote175 views1 answer
Css diplay grid text truncate
CSS
9 votes194 views3 answers
Bootstrap badge color
CSS Bootstrap
-1 vote142 views1 answer
Responsiveness in bootstrap
CSS
0 vote160 views1 answer
Div style how to wrap around
CSS
0 vote193 views3 answers
Svg background css
CSS
0 vote185 views1 answer
Create 2 separate CSS rules for the code below:
CSS
0 vote142 views1 answer
Padding 4 values
CSS
22 votes195 views2 answers
Css set styles for input text
CSS

Share