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 vote146 views2 answers
Background Video.module.css'
CSS
2 votes175 views2 answers
Css display none transition
CSS
1 vote191 views1 answer
Increase font size zenity
CSS
1 vote154 views1 answer
Css transform border radius
CSS
0 vote152 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
0 vote217 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
0 vote159 views1 answer
Media screen tablet
CSS
0 vote152 views1 answer
Dropright css
CSS
0 vote150 views1 answer
Css tutorial point
CSS
2 votes158 views1 answer
Make object not selectable javascript
CSS

Share