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 vote147 views1 answer
Blue color when button click web mobile
CSS
1 vote142 views1 answer
Font condensed
CSS
0 vote147 views1 answer
Tailwind @apply
CSS
2 votes129 views3 answers
Ul hide bullet css
CSS
0 vote137 views1 answer
Css code for increasing size
CSS
0 vote142 views2 answers
Materialize css for react
CSS
0 vote157 views1 answer
Textarea resize only horizontal
CSS
1 vote142 views1 answer
How to make a responsive box in css
CSS
0 vote144 views1 answer
Wrap text around circle image css
CSS
0 vote134 views2 answers
Css span to right of div
CSS

Share