Esempio
Impostare la prospettiva da cui un elemento è visualizzato:
div
{
-webkit-perspective: 500px; /* Chrome, Safari, Opera */
perspective: 500px;
}
Prova tu stesso " Definizione e utilizzo
La proprietà prospettiva definisce il numero di pixel di un elemento 3D è posto dalla vista. Questa struttura permette di cambiare il punto di vista su come gli elementi 3D sono visti.
Quando si definisce la proprietà prospettiva per un elemento, è gli elementi figlio che ottengono la vista prospettica, non l'elemento stesso.
Note: La proprietà prospettiva riguarda solo gli elementi 3D trasformati!
Tip: Utilizzare questa proprietà insieme con la prospettiva origine proprietà, che consente di modificare la posizione inferiore di elementi 3D.
Per capire meglio la proprietà prospettiva, visualizzare una demo .
| Valore di default: | none |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS3 |
| sintassi JavaScript: | object .style.perspective="50px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da -webkit- o -moz- specificano la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| perspective | 36.0 12.0 -webkit- | 10.0 | 16,0 10.0 -moz- | 9.0 4.0.3 -webkit- | 23.0 15.0 -webkit- |
CSS Sintassi
perspective:length|none;I valori delle proprietà
| Costo dell'immobile | Descrizione |
|---|---|
| length | Fino a che punto l'elemento è posto dal punto di vista |
| nessuna | Valore di default. Uguale a 0. Il punto di vista non è impostato |
| iniziale | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| ereditare | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: CSS 3D Transforms
Di riferimento HTML DOM: perspective property