このツールについて
プリセットを選ぶか、4つの制御点を入力して cubic-bezier のイージングを作成し、アニメーションを確認できます。すべてブラウザ内で完結します。
よくある質問
プリセットは何をしますか？
各プリセットは ease-in や linear などの標準的なカーブに対応する4つの制御点を入力します。その後で微調整できます。
イージングをもう一度確認するには？
Replay を押すと、現在のタイミング関数を使ってドットのアニメーションを再実行します。
100% ブラウザ内で完結
⌒
CSS イージングジェネレーター
cubic-bezier のイージングを選択または作成し、アニメーションするプレビューのドットで再生できます。