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

8 votes144 views4 answers
Aos css animation
CSS
1 vote158 views2 answers
Eloquent map collection
CSS
56 votes131 views3 answers
How to make a round corner in CSS
CSS
250 votes320 views10 answers
Bootstrap cdn
CSS
0 vote168 views1 answer
Css prevent background scrolling
CSS
2 votes139 views1 answer
Putting label on top of input css
CSS
12 votes133 views2 answers
Input number hide button
CSS
31 votes143 views6 answers
Linear gradient
CSS
0 vote148 views1 answer
CSS logo left and navigation right
CSS
0 vote156 views2 answers
Wpa avoid reload with swipe
CSS

Share