cubic-bezierイージングジェネレーター
2つの制御点をドラッグしながら独自のイージングカーブをデザインでき、実際の動きを示すライブアニメーションプレビューと、よく使われるプリセット（Ease、Ease In、Ease Out、Material Standard）も用意されています。デザインが決まったら、正確なcubic-bezierのCSS値をコピーできます。
デザイン・CSSツール ブラウザ内で完結
すべての処理はお使いの端末内で行われ、サーバーには何も送信されません。
いずれかの点をドラッグしてイージングカーブを調整してください
プリセット
CSSコード
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);