/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

22 votes148 views3 answers
Css disable text select
CSS
6 votes149 views2 answers
Selecting last child css
CSS
7 votes138 views6 answers
Tailwind css cdn
CSS
0 vote167 views1 answer
Add arrow in select css
CSS
1 vote157 views1 answer
Nth of type for every 4th after the 1st
CSS
0 vote146 views1 answer
Roam research
CSS
0 vote139 views1 answer
Background effect css
CSS
0 vote142 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
1 vote161 views1 answer
Free computer screen recording software
CSS
0 vote145 views1 answer
Ms-clear event
CSS

Share