N's Webtools
ホーム
📈

CSSイージング/ベジェ曲線エディタ

cubic-bezier()タイミング関数をビジュアルに編集、アニメーションプレビュー付き

プリセット

比較

linear
ease
custom

使い方

赤と緑のコントロールポイントをドラッグして曲線を編集。プリセットからよく使うイージングを選択。アニメーションプレビューでlinear/easeと比較できます。

  • ビジュアルドラッグ&ドロップ曲線エディタ
  • 9種類のイージングプリセット
  • 再生時間調整付きアニメーションプレビュー
  • 並列比較(linear/ease/カスタム)

こんなときに使おう

  • CSSトランジションのタイミングを微調整するとき
  • イージング曲線を比較したいとき
  • スムーズなアニメーションをプロトタイプするとき

シェア

関連ツール