CSS EASING GENERATOR

CSS イージング ジェネレーター

CSSのtransitionやanimationに使うeasing(cubic-bezier)を作成するツールです。サンプル集とプレビュー付きで、生成したCSSコードをそのままコピーできます。

操作画面

ハンドルをドラッグ

制御点 P1
制御点 P2

プリセット

標準

なめらかな加減速(フェードイン向き)

強めの加減速

オーバーシュート

プレビュー

CSS 出力

cubic-bezier(0.25, 0.10, 0.25, 1.00);

スニペット一式