/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

5 votes285 views2 answers
Materialize css cdn
CSS Materialize
0 vote159 views1 answer
Css lobotomized owl
CSS
0 vote156 views1 answer
Bootstrap popover style width
CSS
1 vote154 views1 answer
Css overwriting styles
CSS
3 votes156 views2 answers
Css text limit
CSS
5 votes165 views3 answers
Bootstrap 4 classes list with description pdf
CSS
4 votes158 views1 answer
Target css by form name
CSS
1 vote110 views1 answer
Css div text size
CSS
1 vote154 views2 answers
Drawing a circle with css
CSS
6 votes183 views6 answers
Word break css
CSS

Share