CSS3 トランジション生成ツール

CSS3 トランジション生成ツール

コピー可能な transition コードを生成します。左でリアルタイムプレビュー、右でパラメータ調整とコピー。

• 15種のプリセット：拡大縮小・フェード・背景色・影・バウンス・スライド・回転・ぼかし・字間・グローなど
• 30以上のプロパティ：opacity、transform、box-shadow、filter、backdrop-filter、clip-path など
• タイミング関数は ease / linear / steps() / cubic-bezier。時間と遅延も調整可能
• プレビューにホバーして確認。すべてブラウザ内で動作