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

4 votes211 views5 answers
Bootstrap img src
CSS Bootstrap
27 votes174 views1 answer
How to use gradient as text color
CSS
13 votes160 views2 answers
How to middle text css
CSS
0 vote224 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
3 votes155 views2 answers
Css glow text
CSS
0 vote164 views1 answer
Css circle with number
CSS
3 votes159 views2 answers
Make image not draggable css
CSS
-1 vote149 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
2 votes155 views1 answer
Ho to choose the first child of parent in css
CSS
1 vote162 views1 answer
Css url do not change color of visited links
CSS

Share