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 vote145 views1 answer
Css hide mark border
CSS
16 votes136 views4 answers
Arrow down css
CSS
0 vote132 views2 answers
Sass example html
CSS
1 vote139 views1 answer
How to put mulitple conditions in media query
CSS
29 votes133 views2 answers
@font-face rule in css
CSS
0 vote136 views1 answer
Css widows
CSS
0 vote169 views1 answer
Javascript canvas pixel art
CSS
38 votes135 views5 answers
Roboto
CSS
0 vote135 views1 answer
Css media query for mobile and hide a row wordpress
CSS
1 vote132 views2 answers
Textarea scale to content
CSS

Share