transform-style

La propiedad transform-style CSS establece si el elemento hijo esta posicionado en el espacio 3D (preserve-3d) o esta integrado(flat) en el plano del elemento.

Si esta integrado (flat), el elemento hijo no existirá por sí solo en el espacio 3D.

Como esta propiedad no se hereda, debe establecerse para todos los nodos internos descendientes (hijos) del elemento.

Syntax

/* Keyword values */
transform-style: flat;
transform-style: preserve-3d;

/* Global values */
transform-style: inherit;
transform-style: initial;
transform-style: unset;

Values

flat
Indica que el elemento hijo yace en el plano del elemento mismo.
preserve-3d
Indica que el elemento hijo debe ser posicionado en el espacio 3D.

Formal syntax

flat | (en-US) preserve-3d

Specifications

Specification Status Comment
CSS Transforms Level 2
La definición de 'transform-style' en esta especificación.
Editor's Draft Initial definition.

Valor inicialflat
Applies totransformable elements
Heredableno
Valor calculadocomo se especifica
Animation typediscrete
Creates stacking contextyes

Browser compatibility

BCD tables only load in the browser

See also