Exemplo
Definir o ponto de vista de onde o elemento é visto:
document.getElementById("myDIV").style.perspective = "50px";
Tente você mesmo " Definição e Uso
A propriedade perspectiva define quantos pixels um elemento 3D é colocado a partir da visão. Esta propriedade permite-lhe mudar a perspectiva sobre a forma como elementos 3D são vistos.
Ao definir a propriedade perspectiva de um elemento, são os elementos filho que recebem a vista em perspectiva, não o próprio elemento.
Note: A propriedade perspectiva afeta apenas elementos transformados em 3D!
Tip: Use essa propriedade juntamente com o perspectiveOrigin propriedade, que permite alterar a posição inferior de elementos 3D.
Suporte navegador
A propriedade perspectiva é suportada no IE10 + e Firefox.
Chrome, Safari e Opera apoiar uma alternativa, a propriedade WebkitPerspective.
Sintaxe
Devolver o imóvel perspectiva:
object .style.perspective Defina a propriedade perspectiva:
object .style.perspective=" Valores de propriedade Valor Descrição length Até onde o elemento é colocado a partir da visão none Valor padrão. Mesmo como 0. A perspectiva não está definido 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: Nenhum Valor de retorno: Uma corda, que representa a propriedade em perspectiva de um elemento CSS Versão CSS3
Páginas relacionadas
JavaScript estilo de objeto: perspectiveOrigin property
Referência CSS: perspective property
<Estilo de objeto