通俗的讲GSAP
可以让你的网页变得花里胡哨,动画操作执行起来更流畅,比jquery好用多了👍!
官方介绍
把GSAP
看作是javascript动画的瑞士军刀……但更好。它可以动画任何JavaScript可以触摸的东西(CSS属性,画布库对象,SVG, React, Vue, Angular,通用对象,等等),它解决了无数的浏览器不一致,所有这些都以惊人的速度(比jQuery快20倍),包括自动gpu加速转换。有关详细信息,请参阅“为什么使用GSAP?”文章。大多数其他库只动画CSS属性。此外,它们的排序能力和运行时控制相比之下相形见绌。
简单地说,GSAP
是这个星球上最强大的高性能JavaScript动画库,这可能就是为什么Google推荐它用于基于js的动画,而每个主要的广告网络都将它排除在文件大小计算之外的原因。不像单一框架规定你如何构建应用程序,GSAP
完全灵活,撒在你想撒的任何地方。GSAP
有相当多的插件、工具和特殊工具,如Draggable,SplitText,scrolltrigger等。
安装方法
- CDN引入
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
- npm安装
npm install gsap //or 通过 yarn add gsap