transform-style

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.

A propriedade transform-style CSS define se os elemento filhos são posicionados em um espaco 3D ou serão achatados ( flattened ) no plano do elemento

Experimente

Se achatados, os elementos filho não existirão por conta própria ou sozinhos no espaço 3D.

Como essa propriedade não é herdada, ela deve ser definida para todos os descendentes que não sejam folhas do elemento.

Syntax

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

/* Valores globais */
transform-style: inherit;
transform-style: initial;
transform-style: unset;

Values

flat

Indica que os filhos do elemento estão no plano do próprio elemento.

preserve-3d

Indica que os filhos do elemento devem ser posicionados no espaço 3D.

Formal syntax

transform-style = 
flat |
preserve-3d

Especificações

Specification
CSS Transforms Module Level 2
# transform-style-property
Initial valueflat
Aplica-se aqualquer elemento transformavel
Inheritednão
Computed valueas specified
Animation typediscrete
Creates stacking contextyes

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também