transform-style

The transform-style property specifies if an element’s children are positioned in 3D space or flattened.

Syntax

transform-style: <value>;

The transform-style property can have one of two values:

  • preserve-3d: The children of an element will be positioned in 3D space.
  • flat: The children of an element will not be positioned in 3D space.

Example 1

Preserving the 3D space of a div element’s children elements.

div {
transform-style: center;
}

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn CSS on Codecademy