tutoriais mais recente desenvolvimento web
 

Style perspectiveOrigin Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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