manual de referência CSS

regras CSS @

大全 de propriedades CSS

CSS3 Perspectiva-Atributo origin Página do CSS-break-Atributo inside

CSS3 Método de uso e exemplo da propriedade perspective

A propriedade CSS perspective define a perspetiva de visualização de todos os elementos filhos do objeto. Ela geralmente determina a distância entre o plano Z = 0 e o visualizador, a fim de3alinhamento do elemento d com um sentimento de profundidade. Cada Z > 03O elemento D torna-se maior, enquanto cada Z < 03D元素变得更小。

O elemento D se tornou menor.

A tabela a seguir fornece uma descrição do uso e histórico de versão deste atributo, bem como a sintaxe de uso no script JavaScript.	none
Valor padrão:	Aplicável a:
Elementos deformáveis	Herança:
Não	Animável:Sim. Por favor, consulte。
Atributos de animação	CSS3Versão:
Novo recurso do JavaScript	object.style.perspective=500

Sintaxe de uso do Perspective

A sintaxe dessa propriedade é a seguinte:

perspective:　length　|　none　|　initial　|　inherit

O exemplo a seguir demonstra como usar o atributo perspective.

Exemplo

.container　{
　　　　width:　125px;
　　　　height:　125px;
　　　　perspective:　500px;
　　　　border:　4px　solid　#e5a043;
　　　　background:　#fff2dd;
}
.transformed　{
　　　　-webkit-transform:　translate3d(25px,　25px,　50px);　/*　Chrome,　Safari,　Opera　*/
　　　　transform:　translate3d(25px,　25px,　50px);　
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
length	Indica o valor de comprimento da profundidade da visão. Se for 0 ou negativo, não aplica a transformação de perspectiva.
none	Não é necessário aplicar a transformação de perspectiva. Este é o valor padrão.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor do atributo perspective do elemento pai.

Compatibilidade do navegador

A compatibilidade do navegador do atributo perspective, os números na tabela a seguir representam a versão mais baixa do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

	Firefox 10+ ^-moz-，16 + Google Chrome 12+ ^-webkit-，36+ Internet Explorer 10+ Apple Safari 4.0.3+ ^-webkit- Opera 15+ ^-webkit-，23+