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

3 votes198 views1 answer
Add new class in tailwind css
CSS
0 vote188 views1 answer
Force keyboard to hide android programmatically
CSS
5 votes180 views2 answers
How to rotate image 360 degrees in css
CSS
0 vote183 views1 answer
Create an irregular shape div css
CSS
0 vote212 views1 answer
Css transparent input text box
CSS
0 vote202 views1 answer
Make table cell less wide css
CSS
1 vote173 views1 answer
Bootstrap col no gaps
CSS
7 votes190 views3 answers
Html input background color
CSS
2 votes198 views2 answers
Css content image
CSS
0 vote170 views1 answer
Css if element is empty
CSS

Share