/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

6 votes217 views3 answers
Django css
CSS
2 votes267 views1 answer
Ionic install font
CSS
8 votes303 views6 answers
Aos animation
CSS
1 vote275 views1 answer
How to make horizontal rule dotted
CSS
8 votes258 views2 answers
Center image with position absolute
CSS
7 votes327 views1 answer
Justify text csss
CSS
0 vote270 views1 answer
$scope.$apply
CSS
0 vote258 views1 answer
Css centrar imagen
CSS
0 vote259 views1 answer
How to link css file nodjes
CSS
0 vote263 views1 answer
Css grid auto wrap
CSS

Share