Esempio
Impostare il punto di vista da cui un elemento viene visualizzato:
document.getElementById("myDIV").style.perspective = "50px";
Prova tu stesso " Definizione e l'utilizzo
La proprietà prospettiva definisce il numero di pixel di un elemento 3D è posto dalla vista. Questa struttura permette di cambiare la prospettiva su come elementi 3D sono visti.
Quando si definisce la proprietà prospettiva di un elemento, sono gli elementi secondari che ottengono la vista prospettica, NON l'elemento stesso.
Note: La proprietà prospettiva riguarda solo gli elementi 3D trasformati!
Tip: Utilizzare questa proprietà insieme al perspectiveOrigin proprietà, che consente di modificare la posizione inferiore di elementi 3D.
Supporto browser
La proprietà prospettiva è supportata in IE10 + e Firefox.
Chrome, Safari e Opera sostengono in alternativa, la proprietà WebkitPerspective.
Sintassi
Restituire la proprietà prospettiva:
object .style.perspective Impostare la proprietà prospettiva:
object .style.perspective=" I valori delle proprietà Valore Descrizione length Fino a che punto l'elemento è posto dal punto di vista none Valore di default. Uguale a 0. La prospettiva non è impostato 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: nessuna Valore di ritorno: Una stringa, che rappresenta la proprietà prospettica di un elemento CSS Version CSS3
Pagine correlate
Stile JavaScript Object: perspectiveOrigin property
Di riferimento CSS: perspective property
<Stile di oggetto