/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 vote331 views1 answer
Relier css html
CSS
0 vote323 views1 answer
Delete files with help of .getignore
CSS
0 vote322 views1 answer
Overiade main style only for specific page sass
CSS
9 votes329 views2 answers
Css style for the first element only
CSS
0 vote300 views1 answer
Text width tailwindcss
CSS
0 vote281 views1 answer
Responsive slider with text animation codepen
CSS
0 vote383 views1 answer
Bootsrap view only landscape
CSS
5 votes336 views6 answers
Css image
CSS
0 vote315 views2 answers
Easyui datagrid header field color
CSS
0 vote329 views1 answer
Input type (submit, button, reset) css
CSS

Share