Stile prospettico Proprietà
Esempio
Imposta la prospettiva da cui viene visualizzato un elemento:
document.getElementById("myDIV").style.perspective = "50px";
Definizione e utilizzo
La proprietà prospettiva definisce quanti pixel viene posizionato un elemento 3D dalla vista. Questa proprietà consente di modificare la prospettiva su come vengono visualizzati gli elementi 3D.
Quando si definisce la proprietà prospettica per un elemento, sono gli elementi CHILD che ottengono la vista prospettica, NON l'elemento stesso.
Nota: la proprietà della prospettiva ha effetto solo sugli elementi trasformati in 3D!
Suggerimento: utilizzare questa proprietà insieme alla proprietà prospectOrigin , che consente di modificare la posizione inferiore degli elementi 3D.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Nota: i vecchi Chrome, Safari e Opera supportano un'alternativa, la proprietà WebkitPerspective.
Sintassi
Restituisce la proprietà prospettica:
object.style.perspective
Imposta la proprietà della prospettiva:
object.style.perspective = "length|none"
Valori di proprietà
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | nessuno |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà prospettica di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Oggetto stile JavaScript: proprietà prospectOrigin
Riferimento CSS: proprietà prospettica
❮ Oggetto stile