一款基于JS的web动画库-GSAP，简单几行代码打造丝滑的图片/文字动画特效

想让你的网页图片文字动起来？

分享一款基于 JavaScript 的 web 动画库–GSAP(gsap让SVG动起来,帮你实现动画效果~)

GSAP JS 动画库的技术特性：

动画效果丝般流畅，尤其是移动端表现，吊打很多知名的动画库，让我们的项目交互操作响应迅速、高效且流畅

专业级动画库，功能强大。支持动画颜色，贝塞尔，css 属性，数组、动态平滑反转，相对值，自动适应等动画参数，在它面前，其他动画引擎看起来像廉价玩具一样

web 兼容性强。无论是新浏览器还是旧浏览器，甚至是手机浏览器，GSAP都能很好地运行。

轻量无依赖。可**地减少加载时间并最大限度地提高性能，也不会和其它的JS冲突~

模块化的构建，灵活高效，可以通过插件添加几乎任何功能

GSAP 就是一个专业的 web 动画工具库，访问 GSAP 的官网，映入眼帘的就是一组非常酷炫的动画效果

无论是纯 HTML，SVG 动画，React，Vue，Angular，jQuery，Canvas，CSS 等，这些技术都可以随意搭配，不用再为选择什么开发框架而头痛！

使用方法：

通过 CDN 引入

<script src="https://cdn.jsdelivr.net/npm/gsap@3.11/dist/gsap.min.js"></script>
快速开始：

// 引入模块
import gsap from “gsap”;

// 通过 css 选择器来确定执行动画的元素
gsap.to(‘.box’, {
x: 400, // 移动位置
y: 50,
rotation: 180, // 旋转角度
duration: 3, // 持续时间
repeat: 2 // 重复次数
});

GSAP 还可以通过序列、补间动画实现更高级的动画效果，详细的用法可以阅读官方的开发文档。

需要网页动画特效的抓紧免费使用吧！！