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 vote328 views1 answer
@font-face multiple font weights
CSS
2 votes307 views1 answer
Aajouter une image dans un before after
CSS
12 votes314 views2 answers
Css select every other element
CSS
-1 vote307 views1 answer
Purge tailwind css
CSS
0 vote313 views1 answer
Css contain property
CSS
0 vote352 views1 answer
Css letter spacing tight
CSS
0 vote311 views1 answer
How to scale pixels in css
CSS
5 votes325 views3 answers
How to make a dotted hr in css
CSS
0 vote310 views1 answer
Image right css
CSS
8 votes308 views2 answers
Invert png color css
CSS

Share