Ultimele tutoriale de dezvoltare web
 

Style perspective Property

<Style Object

Exemplu

Setați perspectiva din care este vizualizat un element:

document.getElementById("myDIV").style.perspective = "50px";
Încearcă - l singur »

Definiție și utilizare

Proprietatea perspectivă definește cât de mulți pixeli este plasat un element 3D de la punctul de vedere. Această proprietate vă permite să schimbați perspectiva asupra modului elementelor 3D sunt vizualizate.

La definirea proprietății de perspectivă pentru un element, este elementele de copil care obține punctul de vedere în perspectivă, NU elementul în sine.

Note: Proprietatea perspectivă afectează numai elementele transformate 3D!

Tip: Utilizați această proprietate împreună cu perspectiveOrigin proprietate, care vă permite să schimbați poziția de jos a elementelor 3D.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea perspectivă este susținută în IE10 + și Firefox.

Chrome, Safari și Opera susține o alternativă, proprietatea WebkitPerspective.


Sintaxă

Întoarcere proprietatea perspectivă:

object .style.perspective

Setați proprietatea perspectivă:

object .style.perspective=" Valori de proprietate
Valoare Descriere
length Cât de departe elementul este plasat din punctul de vedere
none Valoare implicită. La fel ca la 0. Perspectiva nu este setat
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: nici unul
Întoarcere Valoare: Un șir, care reprezintă proprietatea în perspectivă a unui element
CSS Versiune CSS3

Pagini similare

JavaScript Stil obiect: perspectiveOrigin property

Referință CSS: perspective property


<Style Object