GSAP

GSAP 提供以 JavaScript 控制網頁動畫的工具。

前往 GSAP 官方網站

這是什麼

GSAP 提供以 JavaScript 控制網頁動畫的工具。

為何收錄

官方文件解釋 Tween 與 Timeline 的不同用途。

適合誰

想替介面加入適度動態的前端工程師。

使用情境

  • 多段動畫需要依序播放時，可先參考 timeline 文件。

使用提醒

這次只核對官方範例，沒有安裝或執行動畫程式；實作時請測試減少動態偏好。

Animate.css

Animate.css 是可直接套用的 CSS 動畫類別集。

  • animation
  • ui

動態

Anime.js

Anime.js 提供 JavaScript 動畫 API。

  • animation
  • ui

動態

AutoAnimate

AutoAnimate 替介面元素變動加上轉場。

  • animation
  • ui

動態