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

-1 vote109 views1 answer
Flex wrap tailwind
CSS
322 votes269 views6 answers
Font awesome cdn link
CSS
0 vote123 views2 answers
Add custom taxonomy into permalinks post_type_link
CSS
1 vote108 views1 answer
H2 custom font family html css
CSS
0 vote125 views1 answer
Css change scroll anchor point under navbar
CSS
1 vote176 views1 answer
@extend must be used with a %placeholder
CSS
0 vote127 views1 answer
Css pagedList
CSS
12 votes174 views1 answer
Css curve table border
CSS
5 votes129 views2 answers
How to make a diamond with border radius
CSS
0 vote118 views1 answer
Understanding '~' sign in css selector
CSS

Share