gsap 基礎使用 web 動畫套件

by a42356 · 2021 年 7 月 30 日

gsap是一個算老牌的套件，在gsap2的時候因為指令繁瑣，我並不喜歡使用，但是更新到gsap3後，整合了TweenLite、TweenMax、TimelineLite 與 TimelineMax合併到gsap，整個套件就變得非常的友善，也是因為這樣，在寫動畫時大部分用gsap來完成。

使用方式

const ogsap = gsap.timeline();
ogsap.to( '.divs01', {
  duration: 0.5,
  y:10,
  opacity: 1
};

參考資料