非线性动画

由 GSAP + Three.js 驱动的弹性、回弹、缓动动画系统

🎯 弹性缓动动画

🎪

Elastic Out

弹性缓出,到达目标后回弹振荡

🎾

Bounce

模拟物理弹跳,重力逐渐衰减

↩️

Back

过冲后退,产生回拉效果

📜 非线性滚动动画

视差滚动

不同元素以不同速率滚动,创造深度感

交错入场

元素以非线性间隔依次出现,制造节奏感

缩放渐变

滚动过程中元素非线性缩放与透明度变化

🎮 交互式非线性动画

🧲
🏀
🎠 惯性滚动