/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 vote152 views3 answers
Animate.css cdn
CSS
0 vote142 views1 answer
Set margin to none inside print
CSS
0 vote164 views1 answer
React right burger scrol bar
CSS
0 vote156 views1 answer
Td min-height not working
CSS
0 vote146 views1 answer
What does it mean when we write width :100%?
CSS
0 vote140 views1 answer
Mirror text css
CSS
0 vote151 views2 answers
Mat-select-panel-wrap change position
CSS
4 votes173 views3 answers
Add space between flex items
CSS
37 votes148 views1 answer
Placeholder font size css
CSS
0 vote146 views1 answer
Css text elipsis after width
CSS

Share