Latest web development tutorials

HTML DOM propiedad Estilo perspectiveOrigin

Estilo de referencia de objetos Objetos de estilo

Ejemplos

elementos de serie en 3D posición del punto:

document.getElementById("myDIV").style.perspectiveOrigin="10px 50%";

Trate »

Definición y Uso

perspectiveOrigin elementos 3D definición de atributo basándose en el eje X y el eje Y. Esta propiedad le permite cambiar la posición de la parte inferior de los elementos 3D.

Cuando un elemento se define perspectiveOrigin atributos, elementos secundarios consiguen su efecto de perspectiva, en vez de del propio elemento.

Nota: Esta propiedad perspectiva atributo, pero sólo afecta al elemento de conversión 3D!


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE10 + y apoyo Firefox propiedad perspectiveOrigin.

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


gramática

Volver propiedades perspectiveOrigin:

object .style.perspectiveOrigin

Configuración de las propiedades perspectiveOrigin:

object .style.perspectiveOrigin="x-axis y-axis|initial|inherit"

propiedad Valor

描述
x-axis 定义该视图在 x 轴上的位置。

可能的值:

  • left
  • center
  • right
  • length
  • %

默认值:50%

y-axis 定义该视图在 y 轴上的位置。

可能的值:

  • top
  • center
  • bottom
  • length
  • %

默认值:50%

initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalles técnicos

Por defecto: 50% 50%
Devuelve: Cadena que representa elemento de propiedad perspectiva del origen.
versión CSS CSS3


Artículos relacionados

JavaScript estilos del objeto: Propiedades Perspectiva

CSS Referencia: atributo Perspectiva-Origen


Estilo de referencia de objetos Objetos de estilo