Exemplo
Definir a colocação de base de um elemento 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Tente você mesmo " Definição e Uso
A propriedade perspectiveOrigin define onde um elemento 3D é baseado no x e do eixo y. Esta propriedade permite que você mude a posição inferior de elementos 3D.
Ao definir a propriedade perspectiveOrigin para um elemento, isto é os elementos filhos que estão posicionados, e não o próprio elemento.
Note: Esta propriedade deve ser utilizado em conjunto com a perspectiva de propriedade, e só afeta 3D transformado elementos!
Suporte navegador
A propriedade perspectiveOrigin é suportado no IE10 + e Firefox.
Chrome, Safari e Opera apoiar uma alternativa, a propriedade WebkitPerspecitveOrigin.
Sintaxe
Devolver o imóvel perspectiveOrigin:
object .style.perspectiveOrigin
Defina a propriedade perspectiveOrigin:
object .style.perspectiveOrigin=" Valores de propriedade Valor Descrição x-axis Definindo onde o ponto de vista é colocado no eixo-x Valores possíveis:
- esquerda
- centro
- certo
- length
- %
O valor padrão: 50%
y-axis Definindo onde o ponto de vista é colocado no eixo y Valores possíveis:
- topo
- centro
- inferior
- length
- %
O valor padrão: 50%
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: 50% 50% Valor de retorno: A String, que representa a propriedade perspectiva de origem de um elemento CSS Versão CSS3
Páginas relacionadas
JavaScript estilo de objeto: perspective property
Referência CSS: perspective-origin property
<Estilo de objeto