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.