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

18 votes377 views5 answers
Col-md-6 bootstrap
CSS
19 votes351 views2 answers
How to customize placeholder css
CSS
0 vote420 views1 answer
Materialize css form file input
CSS Materialize
0 vote328 views1 answer
Horizontal checkbox css
CSS
0 vote336 views1 answer
Css popover arrow divi menu
CSS
0 vote353 views1 answer
Autocomplete widget not working in modal popup
CSS
0 vote450 views1 answer
Foreach and if condition in qweb
CSS
5 votes358 views3 answers
Background-image linear gradient and border radius
CSS
45 votes361 views6 answers
Css text align center
CSS
0 vote358 views1 answer
Css dashed double border
CSS

Share