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

2 votes131 views1 answer
Html5 input required length
CSS
-2 votes141 views3 answers
Css example
CSS
0 vote139 views1 answer
1rem in px
CSS
4 votes157 views1 answer
Flexbox center and space between
CSS
2 votes144 views1 answer
Css minmax
CSS
10 votes131 views1 answer
Rotate image css mdn
CSS
0 vote134 views1 answer
Get element in list ocaml
CSS
0 vote134 views1 answer
Typora rtl
CSS
0 vote162 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
1 vote157 views1 answer
Position footer to stay at bottom of screen flexbox
CSS

Share