Atributo transform-style do CSS

Definição e uso

A propriedade transform-style define como os elementos aninhados são apresentados no espaço 3D.

Comentário:Essa propriedade deve ser usada juntamente com transform usar juntamente com outras propriedades.

Veja também:

Tutorial CSS3:Transformação 2D do CSS3

Tutorial CSS3:Transformação 3D do CSS3

Manual HTML DOM:Propriedade transformStyle

Exemplo

Manter a transformação 3D dos elementos convertidos:

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

Experimente você mesmo

Sintaxe CSS

transform-style: flat|preserve-3d;

Valor da propriedade

Valor Descrição
flat Os elementos filhos não manterão sua posição 3D.
preserve-3d Os elementos filhos manterão sua posição 3D.

Detalhes técnicos

Valor padrão: flat
Herança: não
Versão: CSS3
Sintaxe JavaScript: object.style.transformStyle="preserve-3d"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Números com -webkit- ou -moz- indicam a primeira versão com prefixo usada.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-