/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

13 votes171 views3 answers
Rotate image html
CSS
0 vote154 views1 answer
Css input spaces between
CSS
1 vote157 views1 answer
Screen rotation in css
CSS
0 vote145 views2 answers
How to evenly space icons in a div css
CSS
0 vote206 views1 answer
React bootstrap carousel not working
CSS Bootstrap
6 votes154 views2 answers
Selecting last child css
CSS
9 votes147 views2 answers
Css style for the first element only
CSS
0 vote312 views1 answer
Twig inline css
CSS
0 vote143 views1 answer
Css display table row gap
CSS
0 vote172 views1 answer
Cmd batch application position windows script -cmdow
CSS

Share