js 套件,  前端筆記

gsap 基礎使用 web 動畫套件

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

使用方式

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

參考資料

https://greensock.com/3-migration

留下一個回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Facebook
%d 位部落客按了讚: