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 vote115 views2 answers
Using materialize css with react
CSS
0 vote98 views1 answer
Comment changer liens quand survolé html
CSS
1 vote70 views1 answer
Pseudo class css nth child
CSS
0 vote116 views1 answer
Dropdown size based on text
CSS
1 vote107 views1 answer
Span nowrap
CSS
266 votes248 views2 answers
Font awesome 5 pro cdn link
CSS
0 vote112 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS
18 votes62 views2 answers
Hover transition css
CSS
2 votes110 views4 answers
Css image sharpen
CSS
3 votes107 views1 answer
How to style rule to apply the Border Box model css
CSS

Share