/CSS/Increase the size of an image on hover using css

Increase the size of an image on hover using css

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 vote121 views1 answer
Aos makes screen unresponsive
CSS
1 vote112 views3 answers
Remove table border html
CSS
0 vote131 views1 answer
Transform element
CSS
0 vote114 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
2 votes140 views1 answer
How to make gradient backgroud cover whole page in html
CSS
0 vote209 views1 answer
Remove materialize style input
CSS Materialize
72 votes102 views6 answers
Css font size
CSS
0 vote128 views2 answers
Css cut text of
CSS
7 votes137 views3 answers
Stick menu bar in css
CSS
1 vote201 views1 answer
Materialize customize container
CSS Materialize

Share