/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 vote204 views1 answer
React wrapper component
CSS
20 votes205 views3 answers
Align items center in grid
CSS
0 vote216 views1 answer
Circle percentage css
CSS
25 votes177 views6 answers
Multiple nth child css
CSS
0 vote189 views2 answers
Curved lines css
CSS
0 vote232 views1 answer
Keeping text to be in one line
CSS
41 votes206 views3 answers
Centre align in position absolute
CSS
2 votes205 views1 answer
Xpath vs css selector
CSS
38 votes195 views4 answers
Css pointer event
CSS
0 vote205 views1 answer
Check browser on css
CSS

Share