Scale Z

Set the depth scale for an element.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

sz-0

scale: 0;

sz-10

scale: .1;

sz-20

scale: .2;

sz-30

scale: .3;

sz-40

scale: .4;

sz-50

scale: .5;

sz-60

scale: .6;

sz-70

scale: .7;

sz-80

scale: .8;

sz-90

scale: .9;

sz-100

scale: 1;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.

Double the hyphen to negate any value on the scale.