Proprietà CSS perspective-origin

Definizione e uso

L'attributo perspective-origin definisce l'asse x e y di base per l'elemento 3D. Questo attributo consente di modificare la posizione inferiore dell'elemento 3D.

Quando si definisce l'attributo perspective-origin per un elemento, i suoi elementi figli ricevono l'effetto di prospettiva, non l'elemento stesso.

Nota:Questo attributo deve essere utilizzato con prospettiva L'attributo viene utilizzato insieme ad altri attributi e influisce solo sugli elementi di trasformazione 3D.

Vedi anche:

Guida CSS3:Trasformazione 3D CSS3

Manuale HTML DOM:Attributo perspectiveOrigin

Esempio

Imposta la posizione di partenza per gli elementi 3D:

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

Prova tu stesso

Sintassi CSS

perspective-origin: asse x asse y;

Valore dell'attributo

Valore Descrizione
asse x

Definisce la posizione dell'aspetto nell'asse x. Valore predefinito: 50%.

Valori possibili:

  • sinistra
  • centro
  • destra
  • lunghezza
  • %
asse y

Definisce la posizione dell'aspetto nella asse y. Valore predefinito: 50%.

Valori possibili:

  • superiore
  • centro
  • inferiore
  • lunghezza
  • %

Dettagli tecnici

Valore predefinito: 50% 50%
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.perspectiveOrigin="10% 10%"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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-