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

7 votes384 views3 answers
Remove hover effect css
CSS
0 vote332 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
1 vote359 views2 answers
Text overflow break line
CSS
72 votes369 views6 answers
Css font size
CSS
0 vote411 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
0 vote344 views2 answers
Css animation not working
CSS
10 votes345 views3 answers
Css on click
CSS
1 vote354 views1 answer
How to remove increment in input type number
CSS
1 vote412 views1 answer
Robot font import
CSS
2 votes347 views1 answer
Not hover css
CSS

Share