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 vote325 views1 answer
Css unlock scroll
CSS
0 vote363 views1 answer
Add dots instead of line break in css
CSS
0 vote334 views1 answer
Carousel css only
CSS
9 votes339 views3 answers
Css get rid of button outline on click
CSS
0 vote350 views1 answer
Tailwind simle navbar"
CSS
174 votes385 views6 answers
Css background image
CSS
2 votes317 views1 answer
How to put background in html
CSS
7 votes313 views2 answers
Css list remove dot
CSS
0 vote337 views1 answer
Constraint barrier example
CSS
1 vote320 views1 answer
Box shador of one border css
CSS

Share