Exemplu
Rotirea unui element de div:
document.getElementById("myDIV").style.transform = "rotate(7deg)";
Încearcă - l singur » Definiție și utilizare
Transform Proprietatea se aplică o transformare 2D sau 3D la un element. Această proprietate vă permite să se rotească, la scară, muta, oblic, etc, elemente.
Suport pentru browser-
Transform Proprietatea este acceptată în Internet Explorer 10 și Firefox.
Internet Explorer 9 suportă o alternativă, proprietatea msTransform (2D transforms only) .
Opera, Chrome și Safari susține o alternativă, proprietatea WebkitTransform (3D și 2D transformă).
Sintaxă
Întoarcere proprietatea de transformare:
object .style.transform Setați proprietatea de transformare:
object .style.transform="none| Valori de proprietate Valoare Descriere none Definește că ar trebui să existe nici o transformare matrix( n,n,n,n,n,n ) Definește o transformare 2D, folosind o matrice de șase valori matrix3d
( n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n ) Definește o transformare 3D, folosind o matrice 4x4 a 16 valori translate( x,y ) Definește o traducere 2D translate3d( x,y,z ) Definește o traducere 3D translateX( x ) Definește o traducere, folosind doar valoarea pentru axa X translateY( y ) Definește o traducere, folosind doar valoarea pentru axa Y translateZ( z ) Definește o traducere 3D, folosind doar valoarea pentru axa Z scale( x,y ) Definește o transformare scara 2D scale3d( x,y,z ) Definește o transformare scară 3D scaleX( x ) Definește o transformare scara prin acordarea unei valori pentru axa X scaleY( y ) Definește o transformare scara prin acordarea unei valori pentru axa Y scaleZ( z ) Definește o transformare la scară 3D oferind o valoare pentru axa Z rotate( angle ) Definește o rotație 2D, unghiul este specificat în parametrul rotate3d( x,y,z,angle ) Definește o rotație 3D rotateX( angle ) Definește o rotație 3D de-a lungul axei X- rotateY( angle ) Definește o rotație 3D de-a lungul axei Y rotateZ( angle ) Definește o rotație 3D de-a lungul axei Z skew( x-angle,y-angle ) Definește o transformare 2D oblic de-a lungul axelor X și axa Y skewX( angle ) Definește o transformare 2D oblic în lungul axei X skewY( angle ) Definește o transformare 2D oblic de-a lungul axei Y perspective( n ) Definește o vedere în perspectivă pentru un element transformat 3D 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 de transformare a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: transform property
<Style Object