/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 vote202 views1 answer
Learn css
CSS
0 vote203 views1 answer
Css detect if input has value
CSS
2 votes204 views1 answer
Why do we need hexadecimal number system
CSS
0 vote201 views2 answers
Bootstrap 5 container
CSS
0 vote196 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
2 votes202 views1 answer
Margin for text in html
CSS
1 vote212 views1 answer
Write text in one line css
CSS
6 votes293 views3 answers
Skeleton css cdn
CSS Skeleton
1 vote189 views1 answer
All rights reserved
CSS
0 vote219 views2 answers
How to change jumbotron size
CSS

Share