/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

1 vote307 views1 answer
Css vw scrollbar
CSS
6 votes265 views2 answers
Linear gradient syntax
CSS
0 vote335 views1 answer
New statamic project
CSS
0 vote314 views1 answer
Css safari remove scrollbar
CSS
0 vote309 views2 answers
Drop function postgresql
CSS
4 votes314 views2 answers
Change bot description background top.gg
CSS
94 votes316 views2 answers
Css code to make text bold
CSS
0 vote305 views1 answer
Animation clip path
CSS
7 votes335 views2 answers
Vue sass loader
CSS
1 vote317 views3 answers
Bootstrap table text vertical align center
CSS

Share