css2d回転
ディレクトリ
- 翻訳（）メソッド
（）メソッドは、現在の位置から要素、（y座標）位置パラメータを変換することにより（x座標）と所定の左上。例としては、次のとおりです：
div { transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-transform: translate(50px,100px); /* Safari and Chrome */ -o-transform: translate(50px,100px); /* Opera */ -moz-transform: translate(50px,100px); /* Firefox */ }値は（は50px、100pxには）モバイルの上部から100個のピクセル、左50個の画素から要素を移動翻訳します。
-
回転（）メソッド
（）であるが回転する方法、素子を時計方向によって所定の角度に回転しました。負の要素が回転を反時計回りを許可します。
例
div { transform: rotate(30deg); -ms-transform: rotate(30deg); /* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */ -o-transform: rotate(30deg); /* Opera */ -moz-transform: rotate(30deg); /* Firefox */ }回転体30を時計回りの回転値（30度）。
-
スケール（）メソッド
スケール（）メソッドによって、素子の大きさが所定の幅（X軸方向）及び高さに応じて、パラメータ（Y軸）を増加または減少させることができます。
例
div { transform: scale(2,4); -ms-transform: scale(2,4); /* IE 9 */ -webkit-transform: scale(2,4); /* Safari 和 Chrome */ -o-transform: scale(2,4); /* Opera */ -moz-transform: scale(2,4); /* Firefox */ }2倍の大きさの幅を変換する値のスケール（2,4）、高さが4倍元の高さに変換されます。
-
スキュー（）メソッド
スキュー（）メソッドによって、フリップフロップ素子は、所定の水平線（X軸）及び垂直線（Y軸）のパラメータに応じて、角度を与えられました。
例
div { transform: skew(30deg,20deg); -ms-transform: skew(30deg,20deg); /* IE 9 */ -webkit-transform: skew(30deg,20deg); /* Safari and Chrome */ -o-transform: skew(30deg,20deg); /* Opera */ -moz-transform: skew(30deg,20deg); /* Firefox */ }Yは、X軸周りに反転軸の周り値スキュー（30度、20deg）の要素は、30度、20度反転しました。
-
マトリックス（）メソッド
マトリックス（）メソッドは、すべての2D変換の方法を組み合わせることができます。
回転、ズーム、およびモバイルの要素を傾け：マトリックス（）メソッドは、にあなたをできるように数学関数を含む6つのパラメータが必要です。
例
行列法を使用する方法30度のdiv要素を回転します。
div { transform:matrix(0.866,0.5,-0.5,0.866,0,0); -ms-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* IE 9 */ -moz-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Firefox */ -webkit-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Safari and Chrome */ -o-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Opera */ } -
新しい変換特性
プロパティ 説明 CSS 変換 要素へ2Dまたは3D変換アプリケーション。 3 トランスフォームの原点 それはあなたが変換される要素の位置を変更することができます。 3 -
メソッドを変換2D
機能 説明 行列（N、N、N、N、N、N） 6つの値のマトリックスを使用して定義2D変換、。 並進（X、Y） 2D変換は、XとY軸移動要素に沿って定義されます。 移動X（N） 2D変換は、X軸移動要素に沿って定義されます。 移動Y（N） 2D変換は、Y軸に沿った要素の動きを定義します。 階段（X、Y） 要素の幅と高さを変更する、2Dスケール変換を定義しました。 scaleXプロパティ（N） 要素の幅を変える、2Dスケール変換を定義しました。 scaleYの（N） 要素の高さを変更する定義の2Dスケール変換、。 回転（角度） 2D回転が所定の角度パラメータで定義されています。 スキュー（X角度、Y角） 2Dスキュー変換はX及びY軸に沿って定義されます。 skewX値（角度） 2Dスキュー変換は、X軸に沿って、定義されています。 skewY（角度） 2Dスキュー変換は、Y軸に沿って、定義されています。
