/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

1 vote293 views1 answer
CSS3
CSS
0 vote246 views1 answer
Puntos suspensivos css
CSS
1 vote261 views1 answer
BEM example css
CSS
0 vote194 views1 answer
Mac input shadow
CSS
0 vote198 views2 answers
Background Video.module.css'
CSS
1 vote209 views1 answer
Grid rows css
CSS
0 vote245 views1 answer
Css checkbox'':checked change color
CSS
3 votes199 views1 answer
Font. to be thinner css
CSS
2 votes212 views1 answer
Nunito font family
CSS
0 vote192 views1 answer
Text weaving animation in css
CSS

Share