JP
/
EN
1 プリセット & タイミング
Duration
秒
Delay
秒
クリックで適用 / もう一度で編集モードに反映
Steps()
end
start
適用
→ クリップボードにコピー
2 Cubic-Bezier / linear エディタ
Bezier
反映
P1 = (x1,y1), P2 = (x2,y2) / xは0〜1、yは任意(-1〜2程度までOK)
linearモード: エディタ内クリックで点追加 /
Alt
+クリックで削除(端点は削除不可) / 点ドラッグで編集
3 プレビュー
▶︎ 再生
↺ リセット
バーはCSS Transition、ボックスはTransform + Transitionで表示。duration/delay/easingを共有します。
現在の timing-function
cubic-bezier(.25,.1,.25,1)
URL共有
コピー