Exemplu
Setați plasarea unui element de bază a lui rotită:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Încearcă - l singur » Definiție și utilizare
Proprietatea transformOrigin vă permite să schimbați poziția pe elementele transformate.
2D Element transformat poate schimba și y-x- axa elementului. Element transformat 3D poate schimba, de asemenea, axa z a elementului.
Note: Această proprietate trebuie să fie utilizat împreună cu transformarea proprietății.
Suport pentru browser-
Proprietatea transformOrigin este acceptată în Internet Explorer 10, Firefox și Opera.
Internet Explorer 9 suportă o alternativă, proprietatea msTransformOrigin, dar numai pentru 2D-transformă.
Chrome, Safari și Opera susține o alternativă, proprietatea WebkitTransformOrigin, atât 2D și 3D-transfoms.
Sintaxă
Întoarcere proprietatea transformOrigin:
object .style.transformOrigin Setați proprietatea transformOrigin:
object .style.transformOrigin=" Valori de proprietate Valoare Descriere x-axis Definirea unde vederea este plasat la axa x. Valori posibile: - stânga
- centru
- dreapta
- length
- %
y-axis Definirea unde vederea este plasat la axa y. Valori posibile: - top
- centru
- fund
- length
- %
z-axis Definirea unde vizualizarea este plasată la axa z (for 3D transforms) . Valori posibile: - length
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% 0 Întoarcere Valoare: Un șir, reprezentând transformarea origine proprietatea unui element CSS Versiune CSS3
Pagini similare
JavaScript Stil obiect: transform property
Referință CSS: transform-origin property
<Style Object