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 vote365 views1 answer
How to make img cover parent div
CSS
8 votes350 views1 answer
How to align items in css
CSS
0 vote425 views1 answer
Apply css on last child in parent div
CSS
1 vote362 views1 answer
How to make border hover effect in css
CSS
12 votes365 views2 answers
Css not first child
CSS
0 vote345 views1 answer
Imporatn css
CSS
0 vote399 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
7 votes404 views3 answers
Bootstrap remove outline
CSS
7 votes412 views3 answers
Bootstrap remove outline
CSS Bootstrap
19 votes369 views3 answers
Keyframes
CSS

Share