CSS transformジェネレーター

回転・拡大縮小・傾き・移動を組み合わせて transform のCSSを生成。レイアウトに影響しにくくアニメーションと相性が良いプロパティです。

設定

プレビュー

Box
—

使い方・しくみ

回転・拡大・傾き・移動を組み合わせて transform を作れます。

transform は要素を見た目上だけ変形(回転 rotate/拡大縮小 scale/傾き skew/移動 translate)。レイアウトに影響しにくく、アニメーションと相性が良い。

計算はこのブラウザの中だけで、入れた内容はどこにも送りません。