proprietà perspectiveOrigin dello stile

definizione e uso

perspectiveOrigin proprietà che definisce la posizione 3D dell'elemento sugli assi x e y. Questa proprietà ti permette di cambiare la posizione inferiore dell'elemento 3D.

per definire l'elemento perspectiveOrigin quando si utilizza l'attributo

nota:questa proprietà deve essere usata con proprietà perspective usati insieme e influenzano solo gli elementi con trasformazione 3D!

vedi anche:

oggetto stile JavaScript:proprietà perspective

manuale CSS:proprietà perspective-origin

esempio

imposta la posizione di riferimento dell'elemento 3D:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

prova a fare tu stesso

sintassi

ritorna proprietà perspectiveOrigin:

oggetto.style.perspectiveOrigin

imposta proprietà perspectiveOrigin:

oggetto.style.perspectiveOrigin = "asse-x asse-y|initial|inherit"

valore dell'attributo

valore descrizione
asse-x

definisce la posizione della vista sull'asse x.

  • sinistra
  • centro
  • destra
  • lunghezza
  • %

valore predefinito: 50%
asse-y

definisce la posizione della vista sull'asse y.

valori possibili:

  • superiore
  • centro
  • inferiore
  • lunghezza
  • %

valore predefinito: 50%
initial imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit eredita questa proprietà dal suo elemento padre. Vedi inherit.

dettagli tecnici

valore predefinito: 50% 50%
valore di ritorno: stringa che rappresenta la proprietà perspective-origin.
Versione CSS: CSS3

Supporto del browser

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0