manual de referência CSS

regras CSS @

大全 de propriedades CSS

CSS3 Atributo transition CSS3 transform-Atributo origin

CSS3 transform-Método de uso e exemplo do atributo style

transform-O atributo style CSS especifica onde o elemento filho do estilo é posicionado3se o elemento filho do estilo CSS é posicionado no espaço D ou estendido no plano do elemento. Se aplanado, os elementos filhos não existirão independentemente no espaço tridimensional.

Este atributo só se aplica atransformEspecificar o elemento filho do atributo.

A tabela a seguir fornece instruções de uso e histórico de versão deste atributo, bem como a sintaxe de uso neste atributo do script JavaScript.

Valor padrão:	flat
Aplicável a:	Elementos deformáveis
Herança:	Não
Animável:	Não.Veja também Atributos de animação.
Versão:	CSS3nova funcionalidade
JavaScript sintaxe:	object.style.transformStyle="preserve-3d"

transform-A sintaxe de uso do style

A sintaxe deste atributo é:

transform-style:　flat　|　preserve-3d　|　initial　|　inherit

Os exemplos a seguir mostram como usar transform-Atributo style.

Exemplo

img　{
　　　　/*　Chrome,　Safari,　Opera　*/
　　　　-webkit-transform:　rotate(30deg);
　　　　-webkit-transform-style:　preserve-3d;
　　　　/*　Firefox　*/
　　　　-moz-transform:　rotate(30deg);
　　　　-moz-transform-style:　preserve-3d;
　　　　/*　IE　9　*/
　　　　-ms-transform:　rotate(30deg);
　　　　-ms-transform-style:　preserve-3d;
　　　　
　　　　transform:　rotate(30deg);
　　　　transform-style:　preserve-3d;
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
flat	Os elementos filhos do elemento são aplanados, ou seja, localizados no plano do próprio elemento. Este é o valor padrão.
preserve-3d	Os elementos filhos do elemento devem ser colocados em3no espaço D.
initial	Defina esse atributo como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o transform do elemento pai-O valor do atributo style.

Compatibilidade do navegador

transform-A compatibilidade do navegador do atributo style, os números na tabela a seguir representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

	Firefox 10+ ^-moz-,16 + Chrome 12+ ^-webkit-,36+ Internet Explorer 11+ Apple Safari 4+ ^-webkit- Opera 15+ 　 ^-webkit-,23+