js 动画插件

// 示例代码：使用 GSAP (GreenSock Animation Platform) 实现简单的动画效果

// 首先确保你已经引入了 GSAP 库，可以通过 CDN 或 npm 安装
// <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>

// 假设我们有一个 HTML 元素
const box = document.querySelector('.box');

// 使用 GSAP 的 to 方法来创建一个简单的动画
gsap.to(box, {
  duration: 2, // 动画持续时间为 2 秒
  x: 200,      // 沿 X 轴移动 200px
  rotation: 360, // 旋转 360 度
  ease: 'power1.inOut' // 使用缓动函数使动画更加平滑
});

// 解释说明：
// 1. GSAP 是一个非常强大的 JavaScript 动画库，可以用于创建复杂的动画效果。
// 2. `gsap.to` 方法用于指定目标元素和动画属性。
// 3. `duration` 参数定义动画的持续时间。
// 4. `x` 和 `rotation` 参数分别控制元素的水平位移和旋转角度。
// 5. `ease` 参数定义了动画的缓动函数，使得动画更加自然流畅。

如果你需要更多关于 GSAP 的信息或有其他问题，请随时告诉我！