/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 vote119 views1 answer
Css border up and down
CSS
9 votes124 views3 answers
Outline button css
CSS
3 votes110 views3 answers
Have background color and background image css
CSS
12 votes176 views3 answers
Css background image size fit screen
CSS
0 vote112 views1 answer
Add styles object js
CSS
60 votes125 views3 answers
Adding shadow to a div
CSS
0 vote144 views1 answer
Text below filter css using pseudo
CSS
1 vote142 views1 answer
Symfony version check
CSS
0 vote174 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
0 vote124 views1 answer
Odoo search
CSS

Share