Ejemplo
Establecer la colocación de base de un elemento 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Inténtalo tú mismo " Definición y Uso
La propiedad perspectiveOrigin define que un elemento 3D se basa en las direcciones x y el eje y. Esta propiedad le permite cambiar la posición inferior de elementos 3D.
Al definir la propiedad perspectiveOrigin para un elemento, es los elementos secundarios que se colocan, no el propio elemento.
Note: Esta propiedad debe ser utilizada junto con la perspectiva de la propiedad, y sólo afecta a los elementos 3D transforma!
Soporte del navegador
La propiedad perspectiveOrigin se apoya en IE10 + y Firefox.
Chrome, Safari y Opera soportan una alternativa, la propiedad WebkitPerspecitveOrigin.
Sintaxis
Devolver la propiedad perspectiveOrigin:
object .style.perspectiveOrigin Establecer la propiedad perspectiveOrigin:
object .style.perspectiveOrigin=" Valores de propiedad Valor Descripción x-axis Definición de donde la vista se coloca en el eje x Valores posibles:
- izquierda
- centrar
- derecho
- length
- %
Valor por defecto: 50%
y-axis Definición de donde la vista se coloca en el eje y Valores posibles:
- parte superior
- centrar
- fondo
- length
- %
Valor por defecto: 50%
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: 50% 50% Valor de retorno: Una cadena, que representa la propiedad perspectiva origen de un elemento Versión CSS CSS3
Páginas relacionadas
JavaScript estilo de objeto: perspective property
Referencia CSS: perspective-origin property
<Estilo de objeto