時間軸

Timeline · Position Parameter

多步驟編排：預設串接、絕對時間、相對 offset、"<" / ">" 與 labels。

導讀

不要用一串 delay 硬串。timeline + 第三參數（position）才能精準重疊與對齊。

看什麼
上方 LIVE 程式碼、時間軸 bar 與 A/B/C 會一起反映目前編排。
怎麼試
切 mode / duration / x，看程式碼與時間軸同步變；再 play / reverse。
Skill 對應：gsap.timeline, position parameter, labels, defaults
  • 預設：每個 tween append 在上一個結束後
  • 第三參數：絕對秒數、"+=0.3"、"<" 與上一則同起、"<0.2"
  • labels 讓段落可讀：tl.addLabel("intro")
  • defaults 可讓子 tween 繼承 duration / ease
  • 上方程式碼會隨左下角參數即時更新，與下方 box／時間軸一致
position parameter
A
B
C
A
B
C

time 0.00