Css zoom

Zoom level in css

.zoom {
  zoom: 150%;
}

1

Source: css-tricks.com

On hover zoom card

  transform: scale(1.5);

1

How to use image zoom effect in css

.parent:hover .child,
.parent:focus .child {
  transform: scale(1.2);
}

0

Source: css-tricks.com

Equivalent zoom css

-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);

0

Similar codes

0 vote251 views1 answer
Truncate long line with dots
CSS
22 votes299 views5 answers
Center grid
CSS
2 votes283 views1 answer
Set table cellpadding and cellspacing in CSS
CSS
0 vote312 views1 answer
How to make multiple borders using box shadow in css
CSS
0 vote263 views1 answer
Css set strong to normal text
CSS
1 vote258 views2 answers
Css block
CSS
29 votes276 views2 answers
@font-face rule in css
CSS
0 vote277 views1 answer
Mouse hover text zoom effect
CSS
0 vote266 views1 answer
Why programmers are single
CSS
0 vote276 views2 answers
Webpack alias not working in jest
CSS

Share