Motion Coverage
这一栏覆盖哪些常见动画能力
从基础补间到 timeline,再到 stagger、scrub、pin 和 FLIP,这里既有参数实验,也有落地到产品页面的真实编排方式。
RevealStaggerScrubParallaxFLIP
Learning Path
先打基础,再看真实页面怎么组合
建议先熟悉 Tween、Ease、Timeline 和 ScrollTrigger,再去看增长落地页、产品列表和 SaaS 仪表盘这类更完整的页面案例。
Playground FirstCase Study NextReusable Patterns
基础实验室
真实案例
Recommended Order
推荐学习顺序
1. 集成方式2. Tween / Ease3. Timeline / Stagger4. ScrollTrigger / FLIP5. Real Cases