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.
Do not use the Microsoft vendor prefix ("-ms-") before the transform-style property. It is supported unprefixed in Internet Explorer 10 and later.
To learn more about Cascading Style Sheets (CSS) transforms in Windows Internet Explorer, see How to bring your webpage to life with CSS transforms, transitions, and animations.
- How to bring your webpage to life with CSS transforms, transitions, and animations