CSS transform-style Property

The transform-style property specifies how nested elements are rendered in 3D space.

The transform-style CSS property specifies whether the children of the element are positioned in the 3D-space or are flattened in the plane of the element. If flattened, the child elements will not exist on their own in the 3D-space.

Note: This property must be used together with the transform property.

CSS Syntax

transform-style: flat|preserve-3d|initial|inherit;

Example -