在 GSAP 裡我們可以很輕鬆的設定動態回饋的效果,只要到 GSAP 文件的 easing 部分,透過下面這個工具就可以幫我們預覽以及產生簡單的程式碼。
除了一些內建的,GSAP 也提供自訂的效果,只要點選 custom 那個就可以設定了。
我這裡就設定 bounce 的效果,產生以下程式碼:
gsap.to(".red", {rotation: 27, x: 100, duration: 1, ease: 'bounce'});
在 GSAP 裡我們可以很輕鬆的設定動態回饋的效果,只要到 GSAP 文件的 easing 部分,透過下面這個工具就可以幫我們預覽以及產生簡單的程式碼。
除了一些內建的,GSAP 也提供自訂的效果,只要點選 custom 那個就可以設定了。
我這裡就設定 bounce 的效果,產生以下程式碼:
gsap.to(".red", {rotation: 27, x: 100, duration: 1, ease: 'bounce'});