transform-style
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
/* 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 | Status | Comment |
---|---|---|
CSS Transforms Level 2 The definition of 'transform-style' in that specification. |
Rascunho editorial | Initial definition. |
Initial value | flat |
---|---|
Aplica-se a | qualquer elemento transformavel |
Inherited | não |
Computed value | as specified |
Animation type | discrete |
Creates stacking context | yes |
Compatibilidade com navegadores
BCD tables only load in the browser