Exemplu
Setați plasarea unui element de bază 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Încearcă - l singur » Definiție și utilizare
Proprietatea perspectiveOrigin definește unde un element 3D se bazează în x- și axa y. Această proprietate vă permite să schimbați poziția de jos a elementelor 3D.
La definirea proprietății perspectiveOrigin pentru un element, este elementele de copil pe care sunt poziționate, nu elementul în sine.
Note: Această proprietate trebuie să fie utilizat împreună cu perspectiva de proprietate, și afectează numai 3D transformat elemente!
Suport pentru browser-
Proprietatea perspectiveOrigin este susținută în IE10 + și Firefox.
Chrome, Safari și Opera susține o alternativă, proprietatea WebkitPerspecitveOrigin.
Sintaxă
Întoarcere proprietatea perspectiveOrigin:
object .style.perspectiveOrigin Setați proprietatea perspectiveOrigin:
object .style.perspectiveOrigin=" Valori de proprietate Valoare Descriere x-axis Definindu vizualizarea este plasată la axa x Valori posibile:
- stânga
- centru
- dreapta
- length
- %
Valoare implicită: 50%
y-axis Definindu vizualizarea este plasat la axa y Valori posibile:
- top
- centru
- fund
- length
- %
Valoare implicită: 50%
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ă: 50% 50% Întoarcere Valoare: Un șir, care reprezintă proprietatea perspectiva-origine a unui element CSS Versiune CSS3
Pagini similare
JavaScript Stil obiect: perspective property
Referință CSS: perspective-origin property
<Style Object