/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 vote276 views1 answer
Jquery css multiple line
CSS
1 vote254 views1 answer
Double color background css
CSS
0 vote256 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
0 vote243 views1 answer
Chrome close tab after print
CSS
0 vote267 views1 answer
Overwrite safari dropdown css
CSS
0 vote288 views1 answer
Fixed div with scrollable content
CSS
0 vote288 views1 answer
Css nearest neighbor
CSS
4 votes264 views3 answers
Zoom in and out iconhtml css
CSS
20 votes262 views3 answers
Underline text using css
CSS
0 vote248 views1 answer
How to use css transform matrix
CSS

Share