Perspectiva de estilo Propiedad de origen
Ejemplo
Establezca la ubicación base de un elemento 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Definición y uso
La propiedad outlookOrigin define dónde se basa un elemento 3D en los ejes x e y. Esta propiedad le permite cambiar la posición inferior de los elementos 3D.
Al definir la propiedad outlookOrigin para un elemento, son los elementos CHILD los que se colocan, NO el elemento en sí.
Nota: ¡ Esta propiedad debe usarse junto con la propiedad de perspectiva y solo afecta a los elementos transformados en 3D!
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Nota: Chrome antiguo, Safari y Opera admiten una alternativa, la propiedad WebkitPerspectiveOrigin.
Sintaxis
Devuelve la propiedad outlookOrigin:
object.style.perspectiveOrigin
Establezca la propiedad outlookOrigin:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | 50% 50% |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad de origen de la perspectiva de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Objeto de estilo de JavaScript: propiedad de perspectiva
Referencia de CSS: propiedad de origen de perspectiva
❮ Objeto de estilo