/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 vote309 views1 answer
Css apply style to direct children
CSS
35 votes363 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
0 vote340 views1 answer
@keyframes opact
CSS
1 vote273 views1 answer
Css overwriting styles
CSS
0 vote320 views1 answer
Angular set encapsulated body to full height
CSS
0 vote282 views1 answer
Estilos de scroll css
CSS
0 vote282 views1 answer
Not checked css
CSS
0 vote261 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
8 votes278 views2 answers
Text underline hover css
CSS
0 vote283 views1 answer
Rainvow hover css
CSS

Share