CSS transformジェネレーター
回転・拡大縮小・傾き・移動を組み合わせて transform のCSSを生成。レイアウトに影響しにくくアニメーションと相性が良いプロパティです。
設定
プレビュー
—
使い方・しくみ
回転・拡大・傾き・移動を組み合わせて transform を作れます。
transform は要素を見た目上だけ変形(回転 rotate/拡大縮小 scale/傾き skew/移動 translate)。レイアウトに影響しにくく、アニメーションと相性が良い。
計算はこのブラウザの中だけで、入れた内容はどこにも送りません。