網路資源
GSAP Skills：把動畫能力模組化，讓 AI 也能寫出專業級前端動畫
GSAP Skills 是將 GSAP 動畫知識轉為 AI 技能模組的開源專案，讓 Claude、GPT 等 AI coding agent 能生成更專業、流暢且符合最佳實踐的前端動畫，大幅提升 UI 動畫品質與開發效率。
網路資源
教學與資訊
用 GSAP 和 ScrollTrigger 來製作前景的視差滾動效果
在網頁設計中，視差滾動是一種能夠增強用戶體驗的強大效果。使用 GSAP (GreenSock Animation Platform) 與 ScrollTrigger 外掛，你可以輕鬆地創建豐富的滾動動畫，使前景與背景之間的移動產生層次感。本教學將引導你如何使用 GSAP 創建前景視差效果，並如何通過調整參數來使移動效果更加顯著。
教學與資訊
使用 GSAP 的 ScrollTrigger 外掛來製作背景視差滾動效果
說明使用 GSAP 的 ScrollTrigger 插件來製作背景視差滾動效果的方法。
網路資源
Textify.js：好用的網頁添加文字動畫效果的 javascript 函式庫
Textify.js 是一個 JavaScript 函式庫，讓你可以在網頁上為文字添加動畫效果。這是一個安裝和使用都相當簡單的函式庫，提供多種可選的動畫效果，並讓開發者能夠根據個人喜好進行客製化。
網路資源
GSAP- 功能強大且方便的網頁動態函式庫
GSAP 是一個功能強大且方便使用的網頁動態效果函式庫，只要簡單套用他的 api 就能完成很多很棒的效果。
教學與資訊
GSAP3 教學- stagger 製作依序執行的動畫
要使用 GSAP 製作依序執行的動畫也很簡單，首先我們準備一些 html 都把它加上一樣的 class，當然如果是一樣的長相也可以，GSAP 的方便就是只要你希望某些東西是依序執行的，我們可以透過加上一樣的 class 來設定。
教學與資訊
GSAP3 教學- 動態回饋效果 easing
在 GSAP 裡我們可以很輕鬆的設定動態回饋的效果，只要到 GSAP 文件的 easing 部分，透過下面這個工具就可以幫我們預覽以及產生簡單的程式碼。
教學與資訊
GSAP3 教學- tweens 補間動畫
最近發現 GSAP 更新到 3.x 版了，寫法也跟以往不一樣，覺得變簡單也更好懂了，這邊一樣做一下筆記。
教學與資訊
TweenMax 教學- 序列動畫 Timeline
如果想要做序列動畫，可以使用 TimelineMax 來製作，使用方法首先 new 一個 TimelineMax 的物件，可以設定重複次數跟重複開始時間等，再對每個元素設定變化的值，就可以依序跑動畫了。
教學與資訊
TweenMax 教學- Special properties
介紹 TweenMax 中 Special properties 的用法。
教學與資訊
GSAP 的 TweenMax 基礎教學
GSAP(GreenSock Animation Platform)是一個老牌的動畫服務，以往用在 flash 上，後來在 js 也都可以拿來使用，最近也滿多人把這隻應用在專案上，所以這邊也來介紹一下。