/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 vote185 views2 answers
1rem to px
CSS
4 votes185 views1 answer
How to center placeholdr text
CSS
0 vote174 views1 answer
Css clip
CSS
0 vote181 views1 answer
Null vs void
CSS
1 vote159 views1 answer
H2 custom font family html css
CSS
0 vote183 views1 answer
How to debug datatables
CSS
3 votes180 views1 answer
Convert angular project from css to scss
CSS
165 votes180 views6 answers
How to make text bold in css
CSS
0 vote178 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
-1 vote187 views1 answer
How to hover div in css
CSS

Share