/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 vote173 views1 answer
Transition all ease 0.3s
CSS
0 vote179 views1 answer
Css chamfered corner
CSS
0 vote223 views1 answer
3d rotating text css
CSS
0 vote228 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
0 vote189 views1 answer
Use flex in container with multiple components
CSS
0 vote183 views1 answer
Chrome console remove css dark mode
CSS
0 vote233 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
1 vote161 views1 answer
Two classes css modules
CSS
0 vote168 views2 answers
* css meaning
CSS
0 vote159 views1 answer
Repeating-linear-gradient
CSS

Share