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
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