日本語
▼
ベジェ曲線生成
制御点をドラッグして cubic-bezier 曲線を調整し、アニメーションをプレビューして CSS コードをコピーできます。
曲線エディター
青い点をドラッグしてベジェ曲線を調整
プリセット
linear
ease
ease-in
ease-out
ease-in-out
ease-in-quad
ease-out-quad
ease-in-out-quad
ease-in-cubic
ease-out-cubic
ease-in-out-cubic
ease-out-back
ease-in-out-back
ease-in-expo
ease-out-expo
ease-in-out-expo
アニメーションプレビュー
アニメーション再生
生成されたコード
コードをコピー
このツールについて
フロントエンド開発者向けの無料オンライン cubic-bezier 曲線生成ツール。
使い方
1. 制御点をドラッグ；2. 「アニメーション再生」をクリック；3. 「コードをコピー」をクリック。
関連ツール
CSS box-shadow 生成
カラーピッカー