Przykład
Obrót elementu div:
document.getElementById("myDIV").style.transform = "rotate(7deg)";
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość przekształcić dotyczy transformacji 2D lub 3D do elementu. Ta właściwość pozwala na obracanie, skalowanie, przesuwanie, pochylanie itd elementy.
Wsparcie przeglądarka
Nieruchomość przekształcać jest obsługiwana w programie Internet Explorer 10 i Firefox.
Internet Explorer 9 obsługuje alternatywę, właściwość msTransform (2D transforms only) .
Opera, Chrome i Safari obsługują alternatywę, właściwość WebkitTransform (3D i 2D przemienia).
Składnia
Zwraca właściwość transform:
object .style.transform Ustaw właściwość transform:
object .style.transform="none| wartości nieruchomości Wartość Opis none Określa, że nie powinno być przekształcenie matrix( n,n,n,n,n,n ) Określa 2D transformacji przy użyciu matrycy sześć wartościami matrix3d
( n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n ) Określa transformacji 3D, z użyciem macierzy 4x4 16 wartości translate( x,y ) Definiuje tłumaczenie 2D translate3d( x,y,z ) Definiuje tłumaczenie 3D translateX( x ) Definiuje tłumaczenie, używając jedynie wartość dla osi X translateY( y ) Definiuje tłumaczenie, używając tylko wartość dla osi Y. translateZ( z ) Definiuje tłumaczenie 3D, używając tylko wartość dla osi scale( x,y ) Definiuje skalę transformacji 2D scale3d( x,y,z ) Definiuje skalę transformacji 3D scaleX( x ) Definiuje transformację skalę przypisując wartość dla osi X scaleY( y ) Definiuje transformację skalę dając wartość dla osi Y. scaleZ( z ) Definiuje skalę transformacji 3D dając wartość dla osi rotate( angle ) Określa obrót 2D kąt jest wskazany w parametrze rotate3d( x,y,z,angle ) Definiuje obrót 3D rotateX( angle ) Określa obrót 3D wzdłuż osi X rotateY( angle ) Określa obrót 3D wzdłuż osi Y. rotateZ( angle ) Określa obrót 3D wzdłuż osi skew( x-angle,y-angle ) Określa 2D nachylenia transformacji wzdłuż osi X i osi Y. skewX( angle ) Określa 2D nachylenia transformacji wzdłuż osi X skewY( angle ) Określa 2D nachylenia transformacji wzdłuż osi Y. perspective( n ) Definiuje widok perspektywiczny dla 3D przekształconego elementu initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: Żaden Zwracana wartość: Ciąg reprezentujący właściwości transform elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS: transform property
<Style obiektu