Latest web development tutorials

propriedade HTML DOM Estilo perspectiveOrigin

Estilo Object Reference estilo Objects

Exemplos

elementos 3D definir posição do ponto de:

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

tente »

Definição e Uso

perspectiveOrigin definição de atributo elementos 3D com base no eixo X e do eixo Y. Esta propriedade permite-lhe mudar a posição da parte inferior dos elementos 3D.

Quando um elemento é definido perspectiveOrigin atributos, elementos filho obter o seu efeito de perspectiva, em vez do próprio elemento.

Nota: Esta propriedade perspectiva atributo, mas afeta somente o elemento de conversão em 3D!


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + e apoio Firefox propriedade perspectiveOrigin.

Chrome, Safari e Opera suportam outra alternativa do atributo propriedade que WebkitPerspecitveOrigin propriedade.


gramática

Voltar perspectiveOrigin propriedades:

object .style.perspectiveOrigin

Definindo as propriedades perspectiveOrigin:

object .style.perspectiveOrigin="x-axis y-axis|initial|inherit"

Valor de propriedade

描述
x-axis 定义该视图在 x 轴上的位置。

可能的值:

  • left
  • center
  • right
  • length
  • %

默认值:50%

y-axis 定义该视图在 y 轴上的位置。

可能的值:

  • top
  • center
  • bottom
  • length
  • %

默认值:50%

initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalhes técnicos

padrão: 50% 50%
retorna: String representando perspectiva de origem elemento de propriedade.
versão CSS CSS3


artigos relacionados

JavaScript Object Style: Propriedades da Perspectiva

CSS Referência: atributo Perspectiva-Origin


Estilo Object Reference estilo Objects