GSAP(GreenSock Animation Platform)是一个由 Flash 转型到 HTML5 的动画平台。之所以称为“平台”,是因为它统一了 DOM、Canvas 和 SVG 的动画实现,解决了 Web 长久以来的兼容性问题,并提供了“时间轴(Timeline)”和易用强大的插件。
也许你会有以下的一些疑问:
- 有强大的 CSS3,为什么还要使用 JavaScript 动画呢?
- CSS3 和 JavaScript 如何取舍?
- Web Animation API 会不会一统天下?
- ...
目前我也是动画新人,不能详细地解答以上种种疑惑。但我可以推荐一些资料,希望能解答你对动画的一些疑惑。
- 《Myth Busting: CSS Animations vs. JavaScript》,译文>>
- 《Performant Web Animations and Interactions: Achieving 60 FPS》
- ...
除了上述资料,也欢迎大家推荐更多和更优秀的资料。投放地址>>(新建一个issues)
GSAP 版权与收费说明:待补充
各种各样的因素,有想法就做吧。
当然,难免存在与官方文档不同步、翻译错误等一些问题。希望大家能积极指出,赋予文档生命力。
另外,还是建议大家优先看官方文档(第一手资料)。
文档是晦涩的,在学习新知识时,我们一般难以从零散的文字整体认识一样东西。所以,我打算通过案例,甚至是代码实现,让大家更好地了解和学习 GSAP。同时,也欢迎大家提供优秀案例和代码实现。
// 待补充案例
// 待补充联系方式