Esempio
Impostare il posizionamento di base di un elemento 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Prova tu stesso " Definizione e l'utilizzo
La proprietà perspectiveOrigin definisce dove un elemento 3D si basa nelle direzioni x ed y. Questa proprietà consente di modificare la posizione inferiore di elementi 3D.
Quando si definisce la struttura perspectiveOrigin per un elemento, è gli elementi secondari che sono posizionati, NOT dell'elemento stesso.
Note: Questa proprietà deve essere utilizzato in combinazione con la prospettiva di proprietà, e riguarda solo 3D elementi trasformato!
Supporto browser
La proprietà perspectiveOrigin è supportata in IE10 + e Firefox.
Chrome, Safari e Opera sostengono in alternativa, la proprietà WebkitPerspecitveOrigin.
Sintassi
Restituire la proprietà perspectiveOrigin:
object .style.perspectiveOrigin Impostare la proprietà perspectiveOrigin:
object .style.perspectiveOrigin=" I valori delle proprietà Valore Descrizione x-axis Definire dove la vista è posto l'asse x Valori possibili:
- sinistra
- centro
- destra
- length
- %
Valore di default: 50%
y-axis Definire dove la vista è posto l'asse y Valori possibili:
- superiore
- centro
- parte inferiore
- length
- %
Valore di default: 50%
initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: 50% 50% Valore di ritorno: Una stringa, che rappresenta la proprietà prospettiva origine di un elemento CSS Version CSS3
Pagine correlate
Stile JavaScript Object: perspective property
Di riferimento CSS: perspective-origin property
<Stile di oggetto