/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

16 votes134 views5 answers
Loop scss
CSS
7 votes221 views3 answers
Bootstrap remove outline
CSS Bootstrap
2 votes187 views1 answer
Css center in td
CSS
0 vote154 views1 answer
Placer balise p a la suite
CSS
0 vote158 views3 answers
Navigation sidebar animated
CSS
0 vote144 views1 answer
Css remove second element
CSS
0 vote137 views1 answer
Body css margin, background, font-family, hei
CSS
4 votes160 views3 answers
Css text dots
CSS
0 vote139 views1 answer
Punderline none
CSS
-1 vote183 views2 answers
Insert image by css
CSS

Share