CSS3 proprietà prospettiva origine

Esempi

L'impostazione di una posizione elemento base 3D:

div
{
prospettiva: 150;
prospettiva di origine: 10% 10%;
-webkit-prospettiva: 150; / * Safari e Chrome * /
-webkit-prospettiva-origine: 10% al 10%; / * Safari e Chrome * /
}

Prova »

Supporto per il browser

I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.

Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.

属性
perspective-origin 36.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
9.0
4.0.3 -webkit-
23.0
15.0 -webkit-

Attributo definizioni e le istruzioni

Asse X e Y prospettiva di origine elemento 3D definizione di proprietà si basa. Questa proprietà permette di modificare la posizione del fondo degli elementi 3D.

prospettiva -Origin attributo definizione, che è un figlio di un elemento, la prospettiva, e non l'elemento stesso.

Nota: Per gli utenti di Chrome e Safari: Al fine di comprendere meglio il punto di vista di attributo!

Per gli utenti di Chrome e Safari: Al fine dimeglio comprendere l'attributo prospettiva di origine, vedere l' esempio vista .

predefinito: 50% 50%
ereditarietà: no
versione: CSS3
sintassi JavaScript: object .style.perspectiveOrigin = "10% 10%"


grammatica

prospettiva di origine: asse x y-axis;

valore descrizione
asse x

La visualizzazione è definita nella posizione x. Predefinito: 50%.

Valori possibili:

  • sinistra
  • centro
  • destra
  • lunghezza
  • %
asse y

La definizione della posizione vista in y. Predefinito: 50%.

Valori possibili:

  • top
  • centro
  • fondo
  • lunghezza
  • %