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 vote119 views1 answer
Split group of flex item
CSS
33 votes112 views6 answers
Background image opacity css
CSS
0 vote120 views1 answer
Easyui datagrid header multiline
CSS
-1 vote111 views1 answer
Scss background color
CSS
0 vote136 views1 answer
Underline css still there after text-decoration: none
CSS
0 vote110 views2 answers
Hide Categories - Woocommerce Product Page
CSS
1 vote114 views2 answers
Import google fonts into react
CSS
1 vote121 views1 answer
Change order columns bootstrap
CSS
0 vote104 views1 answer
How to add color in css
CSS
0 vote129 views1 answer
Z pos css
CSS

Share