/CSS/Increase the size of an image on hover using css

Increase the size of an image on hover using css

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 vote144 views1 answer
Javafx set border outside
CSS
0 vote171 views1 answer
Css how to center images in a table cell
CSS
0 vote131 views1 answer
Html don't select text
CSS
0 vote141 views1 answer
Shrouded
CSS
0 vote141 views1 answer
Carousel css only
CSS
0 vote140 views1 answer
How to resize img in css
CSS
0 vote150 views1 answer
Animation not hover out
CSS
0 vote123 views1 answer
Css space between child elements
CSS
9 votes145 views2 answers
Background css
CSS
47 votes165 views6 answers
Css nth child
CSS

Share