Atributo CSS perspective-origin

Definición y uso

El atributo perspective-origin define el eje x e y sobre el que se basa el elemento 3D. Este atributo permite cambiar la posición inferior del elemento 3D.

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

Nota:Este atributo debe usarse junto con perspectiva Se utiliza junto con otros atributos y solo afecta a los elementos de transformación 3D.

Véase también:

Tutorial de CSS3:Transformación 3D en CSS3

Manual de referencia HTML DOM:Atributo perspectiveOrigin

Ejemplo

Establecer la posición de base del elemento 3D:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

Prueba tu mismo

Sintaxis de CSS

perspective-origin: eje x eje y;

Valor del atributo

Valor Descripción
eje x

Define la posición del vista en el eje x. Valor predeterminado: 50%.

Valores posibles:

  • izquierda
  • centro
  • derecha
  • longitud
  • %
eje y

Define la posición del vista en el eje y. Valor predeterminado: 50%.

Valores posibles:

  • arriba
  • centro
  • abajo
  • longitud
  • %

Detalles técnicos

Valor predeterminado: 50% 50%
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: objeto.style.perspectiveOrigin="10% 10%"

Compatibilidad del navegador

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

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-