Exemplo
Deixe os elementos filhos transformados preservar as transformações 3D:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades transformStyle ou returnd como elementos aninhados são renderizados no espaço 3D.
Note: Esta propriedade deve ser utilizado em conjunto com a transformar a propriedade.
Suporte navegador
A propriedade transformStyle é suportado no Firefox.
Chrome, Safari e Opera apoiar uma alternativa, a propriedade WebkitTransformStyle.
Sintaxe
Devolver o imóvel transformStyle:
object .style.transformStyle Defina a propriedade transformStyle:
object .style.transformStyle="flat|preserve-3d|initial|inherit"
Valores de propriedade
| Valor | Descrição |
|---|---|
| flat | Valor padrão. Os elementos filho não vai preservar a sua posição 3D |
| preserve-3d | Os elementos filhos irá preservar a sua posição 3D |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | plano |
|---|---|
| Valor de retorno: | A String, que representa a propriedade de transformar-style de um elemento |
| CSS Versão | CSS3 |
Páginas relacionadas
JavaScript estilo de objeto: transform property
Referência CSS: transform-style property
<Estilo de objeto