Los últimos tutoriales de desarrollo web
 

Style perspective Property

<Estilo de objeto

Ejemplo

Ajuste el punto de vista desde donde se ve un elemento:

document.getElementById("myDIV").style.perspective = "50px";
Inténtalo tú mismo "

Definición y Uso

La propiedad perspectiva define cuántos píxeles se coloca un elemento 3D de la vista. Esta propiedad le permite cambiar la perspectiva sobre cómo los elementos 3D son vistas.

Al definir la propiedad perspectiva de un elemento, que es los elementos secundarios que reciben la vista en perspectiva, no el propio elemento.

Note: La propiedad perspectiva sólo afecta a elementos transformados en 3D!

Tip: Utilice esta propiedad junto con la perspectiveOrigin propiedad, lo que le permite cambiar la posición inferior de elementos 3D.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad está soportado en perspectiva IE10 + y Firefox.

Chrome, Safari y Opera soportan una alternativa, la propiedad WebkitPerspective.


Sintaxis

Devolver la propiedad perspectiva:

object .style.perspective

Establecer la propiedad perspectiva:

object .style.perspective=" Valores de propiedad
Valor Descripción
length ¿A qué distancia se coloca el elemento de la vista
none Valor por defecto. Igual que 0. La perspectiva no se establece
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: ninguna
Valor de retorno: Una cadena, que representa la propiedad en perspectiva de un elemento
Versión CSS CSS3

Páginas relacionadas

JavaScript estilo de objeto: perspectiveOrigin property

Referencia CSS: perspective property


<Estilo de objeto