/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 vote147 views1 answer
Responsive page
CSS
0 vote124 views1 answer
How to include css in handlebars
CSS
52 votes130 views3 answers
Css position absolute middle
CSS
0 vote117 views1 answer
Css animation delay does not work
CSS
2 votes199 views2 answers
Html how to split a div into two columns
CSS
0 vote126 views1 answer
Wordpress remove sticky header
CSS
0 vote130 views1 answer
Qgraphicsscene get viewport width
CSS
0 vote235 views2 answers
Css multiline comment
CSS
48 votes110 views6 answers
Media query min and max
CSS
1 vote125 views1 answer
Ion-item no padding ionic 4
CSS

Share