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 vote195 views1 answer
#f2f2f2 in rgba
CSS
7 votes187 views2 answers
Css set div width to screen
CSS
35 votes211 views4 answers
Open command palette vscode mac
CSS
0 vote204 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
10 votes194 views5 answers
Text-align property in css
CSS
1 vote198 views2 answers
Css disabled option
CSS
0 vote265 views1 answer
Style image so it crops
CSS
0 vote189 views1 answer
Css code for increasing size
CSS
35 votes193 views6 answers
Gradient css background
CSS
48 votes202 views3 answers
Font-size
CSS

Share