2024年08月29日 建站教程
今天介绍的GSAP是一个专业的网页动画工具库。当我访问GSAP官方网站时，我看到了一组非常酷的动画效果。乍一看还以为是AE做的视频，整个动画流畅到让人很难想到是JavaScript做的。
安装 GSAP
npm install gsap
或通过 CDN 引入
<script src="/statichttps://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 // 重复次数
});
本文链接：http://so.lmcjl.com/news/11729/