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 vote272 views1 answer
Shrink a div by 50%
CSS
1 vote245 views1 answer
Css don't break elements
CSS
14 votes252 views5 answers
Input number hide arrows
CSS
3 votes277 views5 answers
India
CSS
5 votes258 views2 answers
Css transform transition
CSS
0 vote246 views1 answer
Rust get current date
CSS
1 vote216 views1 answer
Why are suacer pans made of bakelite
CSS
1 vote229 views1 answer
Floating object animation css
CSS
4 votes256 views1 answer
Css border botttom
CSS
-2 votes214 views1 answer
Add css dynamically in angular 6
CSS

Share