Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

transform-origin-z

Summary

This property allows you to define the relative position of the origin of the transformation grid along the z-axis.

Overview table

Initial value
0
Applies to
transformable elements
Inherited
No
Media
visual
Computed value
The relative position is calculated from screen depth. As the value increases, the origin is more distant from the user; as the value decreases, the origin moves out toward or behind the user.
Animatable
Yes

CSS Object Model Property
:

Syntax

  • transform-origin-z: length

Values

length
A floating-point number, followed by a unit of measurement.

Units of measurement may be absolute (cm, mm, in, pt, or pc) or relative (em, ex, or px). For more information about the supported length units, see CSS Values and Units.

Standards information

See also

Related articles

Transforms

Related pages