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

35 votes303 views6 answers
Gradient css background
CSS
0 vote279 views1 answer
How to draw rhombus in css
CSS
0 vote296 views1 answer
Css wrap text next line align right
CSS
2 votes288 views1 answer
How to make auto scroll to the end in css
CSS
1 vote271 views1 answer
Add css variables without global
CSS
4 votes325 views2 answers
Increase the size of an image on hover using css
CSS
0 vote334 views2 answers
Wpa avoid reload with swipe
CSS
0 vote333 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
0 vote244 views1 answer
How to remove link line in css
CSS
1 vote246 views2 answers
Summation in jupyter markdown
CSS

Share