Latest web development tutorials

Propiedad perspectiva DOM HTML Estilo

Estilo de referencia de objetos Objetos de estilo

Ejemplos

El elemento que se está viendo lugares Perspectiva:

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

Trate »

Definición y Uso

Desde la perspectiva de los elementos de atributo 3D definición de la vista, en píxeles. Esta propiedad le permite cambiar la perspectiva de los elementos 3D son vistas.

Cuando un elemento se define atributos de perspectiva, sus hijos recibirán el efecto de perspectiva, más que el propio elemento.

Nota: la propiedad perspectivaafecta sólo elemento de conversión 3D!

Nota: Por favor Esta propiedad perspectiveOrigin bienes que hayan servido juntos, para que pueda cambiar la posición de la parte inferior de los elementos 3D.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + y Firefox de apoyo propiedades perspectiva.

Chrome, Safari y Opera soporta otra alternativa del atributo propiedad que WebkitPerspective propiedad.


gramática

Devuelve los atributos de perspectiva:

object .style.perspective

Configuración de los atributos de perspectiva:

object .style.perspective="length|none"

propiedad Valor

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

detalles técnicos

Por defecto: ninguno
Devuelve: Cadena que representa el elemento de atributo perspectiva.
versión CSS CSS3


Artículos relacionados

JavaScript estilos del objeto: propiedad perspectiveOrigin

CSS Referencia: Propiedades Perspectiva


Estilo de referencia de objetos Objetos de estilo