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
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
- CSS Transforms Module, Level 3, Section 8
See also
Related articles
Transforms
transform-origin-z
Related pages
- CSSStyleDeclarationCSSStyleDeclaration
- currentStylecurrentStyle
- stylestyle
- transformtransform