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 vote270 views1 answer
Set background transparency
CSS
1 vote363 views1 answer
System.FormatException: 'String '09-03-2020' was not recognized as a valid DateTime.'
CSS
6 votes330 views3 answers
How to snap the scroll is css
CSS
2 votes346 views1 answer
Table overflow not working
CSS
8 votes334 views2 answers
Css multiple selectors
CSS
1 vote317 views2 answers
Media max height css
CSS
4 votes316 views2 answers
Css selected color
CSS
1 vote308 views2 answers
Css block
CSS
2 votes312 views1 answer
Transition syntax css
CSS
8 votes310 views1 answer
Full screen image
CSS

Share