このツールについて
プリセットを選ぶか、4つの制御点を入力して cubic-bezier のイージングを作成し、アニメーションを確認できます。すべてブラウザ内で完結します。
よくある質問
プリセットは何をしますか？
各プリセットは ease-in や linear などの標準的なカーブに対応する4つの制御点を入力します。その後で微調整できます。
イージングをもう一度確認するには？
Replay を押すと、現在のタイミング関数を使ってドットのアニメーションを再実行します。
プライバシーを標準に
⌒
CSS イージングジェネレーター
cubic-bezier のイージングを選択または作成し、アニメーションするプレビューのドットで再生できます。
ファイルはこの端末に残ります
ファイルはブラウザ内で処理され、アップロードされません。ツールの実行に必要なコードと素材はダウンロードされます。アカウントも追跡もありません。
ダウンロードを使うと、このツールを1つのHTMLファイルに保存してオフラインで使えます。
プライバシー →