Propriedade perspectiveOrigin Style

Definição e uso

perspectiveOrigin Define a posição do elemento 3D no eixo x e y. Essa propriedade permite que você altere a posição inferior do elemento 3D.

ao definir a propriedade perspectiveOrigin ao definir a propriedade position, o alvo é o elemento filho, não o elemento em si.

Observação:Essa propriedade deve coincidir com Propriedade perspective Usado juntos, afeta apenas os elementos de transição 3D!

Veja também:

Objeto Style JavaScript:Propriedade perspective

Manual de referência CSS:A propriedade perspective-origin

Exemplo

Definir a posição de referência do elemento 3D:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

Experimente você mesmo

Sintaxe

Retornar a propriedade perspectiveOrigin:

objeto.style.perspectiveOrigin

Definir a propriedade perspectiveOrigin:

objeto.style.perspectiveOrigin = "eixo x eixo y|initial|inherit"

Valor da propriedade

Valor Descrição
eixo x

Define a posição da vista no eixo x.

  • left
  • center
  • right
  • length
  • %

Valor padrão: 50%
eixo y

Define a posição da vista no eixo y.

Valores possíveis:

  • top
  • center
  • bottom
  • length
  • %

Valor padrão: 50%
initial Defina essa propriedade para seu valor padrão. Veja mais em initial.
inherit Herda essa propriedade do elemento pai. Veja mais em inherit.

Detalhes técnicos

Valor padrão: 50% 50%
Retorno: string, que representa a A propriedade perspective-origin.
Versão do CSS: CSS3

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta plenamente essa propriedade pela primeira vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0