Proprietà CSS perspective

Definizione e uso

L'attributo prospettiva definisce la distanza dell'elemento 3D dal punto di vista, in pixel. Questo attributo ti permette di cambiare il punto di vista per vedere l'elemento 3D.

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

Nota:L'attributo prospettiva influisce solo sugli elementi di trasformazione 3D.

Suggerimento:Vedere anche: perspective-origin Usa l'attributo insieme a questo attributo per poter cambiare la posizione inferiore dell'elemento 3D.

Vedi anche:

Tutorial CSS3:CSS3 Traslazione 3D

Manuale HTML DOM:Attributo prospettiva

Esempio

Imposta la vista del punto di vista dell'elemento da visualizzare:

div
{
prospettiva: 500;
}

Prova da solo

Sintassi CSS

prospettiva: numero|none;

Valore dell'attributo

Valore Descrizione
numero La distanza dell'elemento dal punto di vista, in pixel.
nessuna Valore predefinito. Uguale a 0. Non impostare la prospettiva.

Dettagli tecnici

Valore predefinito: nessuna
Inheritabilità: sì
Versione: CSS3
Sintassi JavaScript: oggetto.style.perspective=500

Supporto del browser

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

I numeri con -webkit- o -moz- come prefisso rappresentano la prima versione che utilizza il prefisso.

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-