GSAP

GreenSock 动画平台官网，JS 动画的工业级标准，ScrollTrigger / SplitText 等全插件已免费

动效重高对比可商用奖项型

官方网站

适合学什么

学 Timeline 编排、ScrollTrigger 滚动叙事、SplitText 文字拆解、FLIP 布局动画

拆解提示

// 打开 DevTools → Elements → Animations
// 1. 找到关键 @keyframes
// 2. 对比 cubic-bezier 曲线
// 3. 尝试用 clamp() 复刻字号
// 4. 用 Container Query 重构布局

💡 官网 Demo Hub 可直接看代码思路，配合 Awwwards 拆商业站最佳

所有站点版权归原作者所有，仅作前端学习参考。