GSAP3 教學- 動態回饋效果 easing

分享:
標籤: GSAP javascript

GSAP 裡我們可以很輕鬆的設定動態回饋的效果,只要到 GSAP 文件的 easing 部分,透過下面這個工具就可以幫我們預覽以及產生簡單的程式碼。

除了一些內建的,GSAP 也提供自訂的效果,只要點選 custom 那個就可以設定了。

我這裡就設定 bounce 的效果,產生以下程式碼:

gsap.to(".red", {rotation: 27, x: 100, duration: 1, ease: 'bounce'});