Atributo CSS perspective

Definición y uso

La propiedad perspective define la distancia del elemento 3D al punto de vista, en píxeles. Esta propiedad le permite cambiar la perspectiva para ver el elemento 3D.

Cuando se define la propiedad perspective para un elemento, sus elementos hijos obtienen el efecto de perspectiva, no el elemento en sí.

Comentario:La propiedad perspective solo afecta a los elementos de transformación 3D.

Consejo:Consulte con origen de perspectiva Utilice esta propiedad junto con otras propiedades para poder cambiar la posición inferior del elemento 3D.

Véase también:

Tutorial de CSS3:CSS3 transformación 3D

Manual de referencia del DOM HTML:propiedad perspective

Ejemplo

Establecer la vista del elemento desde el punto de vista:

div
{
perspectiva: 500;
}

Prueba por tu cuenta

Sintaxis de CSS

perspectiva: número|ninguno;

Valor del atributo

Valor Descripción
número La distancia del elemento al punto de vista, en píxeles.
ninguna Valor por defecto. Es igual a 0. No se establece perspectiva.

Detalles técnicos

Valor por defecto: ninguna
Herencia: sí
Versión: CSS3
Sintaxis de JavaScript: objeto.style.perspective=500

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Los números con -webkit- o -moz- como prefijo indican la primera versión que utiliza el prefijo.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-