/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 vote326 views3 answers
Ignore certificare ssl
CSS
1 vote291 views1 answer
Wp wpbakery bulder page alignment
CSS
10 votes290 views2 answers
Css how to change font colr
CSS
1 vote299 views1 answer
Spaces between letters css
CSS
0 vote302 views1 answer
Css animated cross mark
CSS
16 votes354 views4 answers
CSS Font-Family
CSS
0 vote298 views1 answer
Tailwindcss init full
CSS
211 votes431 views10 answers
Css padding
CSS
0 vote349 views1 answer
Omnisend custom css
CSS
2 votes296 views1 answer
Nunito font family
CSS

Share