/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

1 vote142 views1 answer
Css div went over top menu
CSS
0 vote101 views1 answer
How to remove horizontal scrollbar and yet allow vertical
CSS
2 votes165 views1 answer
How to make gradient backgroud cover whole page in html
CSS
0 vote146 views1 answer
Javafx set border outside
CSS
0 vote156 views1 answer
Restore mariadb from bz2 file cli
CSS
24 votes138 views5 answers
Placeholder css
CSS
0 vote140 views5 answers
Css math functions simplifier
CSS
42 votes135 views5 answers
Css center everything
CSS
0 vote153 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
1 vote149 views1 answer
Prefix in css
CSS

Share