CSS3 2D変換
まず、移動
- （x、y）の変換：変換 ; およびX-Y移動距離xのy軸での移動距離
- 変換：移動X（x）は、 X軸移動距離x
- 変換：移動Y（Y）、 Y軸Yに移動距離
- 先端：
- 他の要素の位置には影響を与えません翻訳
- 要素自体に対する百分率単位で翻訳する翻訳：（50％、50％）。
- インラインタグには影響ありません
第二に、回転
- 変換：回転を（度数）。
- 先端：
- そのような手段として度、で回転内部は度である回転（45deg）。
- 角度が正の場合、時計回りに、負、反時計回りであります
- デフォルトの回転中心点は、要素の中心点であります
第三に、中心点変換
- 変換-起源：XY;
- 先端：
- XおよびYパラメータは、スペースで区切ら
- XYデフォルト変換素子中心点は、中心点（50％、50％）であります
- （左下）左下：変換原点 - または名詞に画素XYを（上から下、右、左）に設定してもよいです
第四に、ズーム
- 変換：スケール（X、Y）
- 先端：
- 変換：スケール（1,1）; 1倍の増幅の幅と高さを、増幅なしに対応
- 変換：スケール（2,2）、幅と2倍の高さは また、形質転換に書くことができる：スケール（2）。
- 変換：スケール（0.5,0.5）;幅と高さの低減
- 規模拡大：あなたが中心点に、デフォルトのスケーリング、中心点のスケール変換を設定することができ、かつ他のボックスには影響しません
五、2D変換包括的文言
- 複数の変換形式を使用して：変換：（）回転（）スケール（）を変換... \スペースで区切っ等。
- （座標軸方向の回転を変更する）異なる遷移の異なる順序
- 私たちは、同時変位およびその他の属性を持っている場合は、最もユニークなフロントを置くことを忘れないでください
ああ論文場合にのみ、彼らは何を学ぶのエラーメッセージに感謝を記録するためにブログ！