怠惰な人々のためのCSS変換ジェネレータ。
スケールを設定し、回転、平行移動、傾斜させ、ライブプレビューを見て、目的のビューを取得します。
プレビューが設定パネルをカバーする可能性があるため、skewプロパティに極端な値を設定することは避けてください。この状況では、ページを更新する必要があります。
拡大縮小、回転、平行移動、スキュー
スケールは、ターゲット要素をズームインおよびズームアウトするのと同じように機能します。デフォルトのスケール値は1で、元のサイズの乗数として機能します。これは、0.5が半分になり、2がセクションを2倍にすることを意味します。
度で設定された2番目のプロパティを使用して、要素を時計回りに回転させます。180°回転するとオブジェクトが上下逆になり、360°回転すると元の直立位置に戻ります。正または負の値、さらには小数を設定します。
移動は、元の位置に関連するピクセルで要素をシフトします。回転属性がある場合、X値は水平方向に、Yは垂直方向にゼロです。
水平（X）または垂直（Y）の車軸でオブジェクトを歪めます。
CSS変換の説明
変換CSSプロパティを使用すると、要素を回転、拡大縮小、傾斜、および移動できます。CSSビジュアルフォーマットモデルの座標空間を変更します。
定義と使用法
変換プロパティは、2Dまたは3D変換を要素に適用します。このプロパティを使用すると、要素を回転、拡大縮小、移動、傾斜などすることができます。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
数字の後に-webkit-、-moz-、または-o-が続く場合は、プレフィックスを使用して機能した最初のバージョンを指定します。
構文
transform: none|transform-functions|initial|inherit;
