/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 vote299 views2 answers
Prevent line break css
CSS
0 vote272 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
7 votes288 views3 answers
Italic in css
CSS
1 vote233 views1 answer
Css image background center horizontally in div
CSS
0 vote279 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
0 vote276 views1 answer
Putting an object in front of a page javascript
CSS
2 votes397 views4 answers
Laravel htaccess
CSS
185 votes428 views6 answers
Attach css file to html
CSS
0 vote276 views1 answer
Display content in column css
CSS
96 votes287 views3 answers
Css hide scrollbar but allow scroll
CSS

Share