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 increase the area of a text are
CSS
0 vote487 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
0 vote301 views1 answer
All pseudo elements css
CSS
0 vote324 views1 answer
Ul or ol with no indent
CSS
6 votes363 views3 answers
Disable drag image css
CSS
2 votes390 views1 answer
Tailwind icon animation
CSS
1 vote364 views1 answer
How to make slideshow not go over navigation bar
CSS
0 vote337 views1 answer
Add elipses to a dom element with css
CSS
1 vote358 views1 answer
Css make background visible in text
CSS
1 vote339 views1 answer
Mysqli check if delete was successful
CSS

Share