GSAP是什么

249 阅读1分钟

image.png

通俗的讲GSAP可以让你的网页变得花里胡哨,动画操作执行起来更流畅,比jquery好用多了👍!

官方介绍

GSAP看作是javascript动画的瑞士军刀……但更好。它可以动画任何JavaScript可以触摸的东西(CSS属性,画布库对象,SVG, React, Vue, Angular,通用对象,等等),它解决了无数的浏览器不一致,所有这些都以惊人的速度(比jQuery快20倍),包括自动gpu加速转换。有关详细信息,请参阅“为什么使用GSAP?”文章。大多数其他库只动画CSS属性。此外,它们的排序能力和运行时控制相比之下相形见绌。

简单地说,GSAP是这个星球上最强大的高性能JavaScript动画库,这可能就是为什么Google推荐它用于基于js的动画,而每个主要的广告网络都将它排除在文件大小计算之外的原因。不像单一框架规定你如何构建应用程序,GSAP完全灵活,撒在你想撒的任何地方。GSAP有相当多的插件、工具和特殊工具,如DraggableSplitTextscrolltrigger等。

安装方法

  • 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

帮助