/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 vote113 views1 answer
Decroation of title using css
CSS
2 votes132 views1 answer
Material design css
CSS
1 vote116 views2 answers
Eloquent map collection
CSS
0 vote164 views1 answer
Progress bar bootstrap border
CSS Bootstrap
16 votes85 views1 answer
Sass css
CSS
12 votes103 views3 answers
Docker restart container
CSS
2 votes104 views2 answers
How to make a list vertical in css
CSS
0 vote102 views1 answer
All the divs from inside of another div css
CSS
0 vote97 views1 answer
Css media two conditions
CSS
9 votes106 views3 answers
Css bottom
CSS

Share