/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

39 votes116 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
-1 vote177 views1 answer
How to many image fullscreen in css
CSS
0 vote185 views1 answer
Css hot to center image in bootsrtap container
CSS
0 vote142 views1 answer
Shadow on hover class on card bootstrap
CSS
1 vote147 views2 answers
How to upgrade composer ubuntu
CSS
-1 vote101 views1 answer
Responsiveness in bootstrap
CSS
0 vote154 views1 answer
Css remove link border on click
CSS
38 votes176 views6 answers
Convert object to array
CSS
0 vote137 views1 answer
Vertical align x horizontal
CSS
0 vote149 views1 answer
Create 2 separate CSS rules for the code below:
CSS

Share