Gets or sets a value that specifies how child elements of the object are rendered in 3-D space.
This property is read/write.
transform-style: flat | preserve-3d
One of the following 3-D rendering values.
Default. Child elements are flattened using orthographic projection into the 2-D plane of the object.
Child elements are not flattened and maintain their position in 3-D space.
|Applies To||block-level and inline-level elements|
- CSS Transforms Module, Level 3, Section 9
As of Microsoft Edge, the "-ms-" prefixed version of this property is not supported.
The value preserve-3d is supported as of Internet Explorer on Windows Developer Preview.
This property does not affect how the object is rendered.
This property is only applied to child elements that have a transform property specified.
The object is the projection plane for the child elements.
Child elements cannot intersect in flat mode.
- How to bring your webpage to life with CSS transforms, transitions, and animations