Propiedad de perspectiva de estilo
Ejemplo
Establezca la perspectiva desde donde se ve un elemento:
document.getElementById("myDIV").style.perspective = "50px";
Definición y uso
La propiedad de perspectiva define a cuántos píxeles se coloca un elemento 3D desde la vista. Esta propiedad le permite cambiar la perspectiva sobre cómo se ven los elementos 3D.
Al definir la propiedad de perspectiva para un elemento, son los elementos CHILD los que obtienen la vista en perspectiva, NO el elemento en sí.
Nota: ¡La propiedad de perspectiva solo afecta a los elementos transformados en 3D!
Sugerencia: use esta propiedad junto con la propiedad outlookOrigin , que le permite cambiar la posición inferior de los elementos 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 | |||||
|---|---|---|---|---|---|
| perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Nota: Chrome antiguo, Safari y Opera admiten una alternativa, la propiedad WebkitPerspective.
Sintaxis
Devuelve la propiedad de perspectiva:
object.style.perspective
Establezca la propiedad de perspectiva:
object.style.perspective = "length|none"
Valores de propiedad
| Value | Description |
|---|---|
| length | How far the element is placed from the view |
| none | Default value. Same as 0. The perspective is not set |
| 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: | ninguna |
|---|---|
| Valor devuelto: | Una cadena, que representa la propiedad de perspectiva de un elemento. |
| Versión CSS | CSS3 |
páginas relacionadas
Objeto de estilo de JavaScript: propiedad outlookOrigin
Referencia CSS: propiedad de perspectiva
❮ Objeto de estilo