Latest web development tutorials

HTML DOM Estilo perspective propriedade

Estilo Object Reference estilo Objects

Exemplos

O elemento que está sendo visto locais Perspectiva:

document.getElementById("myDIV").style.perspective="50px";

tente »

Definição e Uso

Do ponto de vista atribuir elementos 3D definição da vista, em pixels. Esta propriedade permite que você mude a perspectiva de elementos 3D são vistos.

Quando um elemento é definido atributos perspectiva, as suas crianças terá o efeito de perspectiva, em vez do próprio elemento.

Nota: perspective propriedade afeta único elemento de conversão em 3D!

Nota: Esta propriedade perspectiveOrigin propriedade usados em conjunto, para que possa alterar a posição da parte inferior dos elementos 3D.


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + e Firefox propriedades perspectiva de apoio.

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


gramática

Retorna atributos perspectiva:

object .style.perspective

Definir perspectiva atributos:

object .style.perspective="length|none"

Valor de propriedade

描述
length 元素距离视图的距离,以像素计。
none 默认值。与 0 相同。不设置透视。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalhes técnicos

padrão: nenhum
retorna: String representando o elemento de atributo perspectiva.
versão CSS CSS3


artigos relacionados

JavaScript Object Style: perspectiveOrigin propriedade

CSS Referência: Propriedades de Perspectiva


Estilo Object Reference estilo Objects