Propriedade de perspectiva de estilo
Exemplo
Defina a perspectiva de onde um elemento é visualizado:
document.getElementById("myDIV").style.perspective = "50px";
Definição e uso
A propriedade perspectiva define quantos pixels um elemento 3D é colocado na vista. Esta propriedade permite alterar a perspectiva de como os elementos 3D são visualizados.
Ao definir a propriedade de perspectiva para um elemento, são os elementos CHILD que obtêm a vista em perspectiva, NÃO o próprio elemento.
Nota: A propriedade perspectiva afeta apenas elementos transformados em 3D!
Dica: Use esta propriedade junto com a propriedade perspectiveOrigin , que permite alterar a posição inferior dos elementos 3D.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Observação: o Chrome antigo, o Safari e o Opera suportam uma alternativa, a propriedade WebkitPerspective.
Sintaxe
Retorne a propriedade perspectiva:
object.style.perspective
Defina a propriedade de perspectiva:
object.style.perspective = "length|none"
Valores de propriedade
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | Nenhum |
---|---|
Valor de retorno: | Uma String, representando a propriedade de perspectiva de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Objeto de estilo JavaScript: propriedade perspectiveOrigin
Referência CSS: propriedade perspectiva
❮ Objeto de estilo