/CSS/Resize image slowly on hover

Resize image slowly on hover

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 vote180 views1 answer
Ghjhgggggggg
CSS
1 vote312 views1 answer
Css cell spacing
CSS
7 votes169 views3 answers
Circle button html
CSS
1 vote171 views1 answer
Button onclick open video in new window
CSS
0 vote187 views1 answer
QAnon Won't believe who
CSS
2 votes176 views1 answer
Bootstrap class="mb-3"
CSS
1 vote190 views1 answer
How to set the first column of the table in center in css
CSS
0 vote175 views1 answer
Bootstrap progress bar animation not working
CSS
0 vote164 views1 answer
Css add required asterisk after
CSS
1 vote182 views1 answer
Clear both css
CSS

Share