/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 vote667 views1 answer
Fssg
CSS
0 vote379 views1 answer
Link css in django template
CSS
0 vote441 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote397 views1 answer
Rendre une div scrollable
CSS
0 vote396 views1 answer
Change your cursor
CSS
0 vote372 views1 answer
Add css file through jquery
CSS
17 votes395 views3 answers
Grid blocks center
CSS
16 votes384 views5 answers
Loop scss
CSS
2 votes425 views1 answer
Https request
CSS
2 votes367 views1 answer
Posicionar div centro da tela
CSS

Share