/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 vote230 views1 answer
How to make text disappear after a certain length css
CSS
2 votes184 views1 answer
Last second css
CSS
0 vote235 views1 answer
CSS logo left and navigation right
CSS
0 vote322 views1 answer
Insert a new key value in an object of an array
CSS
0 vote182 views1 answer
Css ol align center
CSS
0 vote182 views1 answer
Dynamic multi-level in vuejs
CSS
3 votes202 views4 answers
How to remove css from element using jquery
CSS
3 votes138 views1 answer
Css margin bottom not working
CSS
2 votes188 views1 answer
Vh vs vw css
CSS
0 vote262 views1 answer
Alacritty auto start fish
CSS

Share