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 vote225 views1 answer
Input checkbox size css
CSS
10 votes200 views2 answers
Remove underline on hover span
CSS
0 vote222 views1 answer
Elementor vertical line
CSS
8 votes194 views1 answer
Align in the middle of page html
CSS
0 vote214 views1 answer
Css borrar
CSS
4 votes235 views2 answers
Add background overlay over background image
CSS
1 vote212 views1 answer
Css system default font
CSS
1 vote239 views1 answer
Css Safari conditional
CSS
72 votes272 views6 answers
How to change font size in css
CSS
2 votes212 views5 answers
Tailwind css margin auto
CSS

Share