动画与交互

GSAP

面向时间线与精细节奏的 Web 动画工具带。

访问官网 GitHub

简介

成熟的 JavaScript 动画平台，以时间线、缓动和滚动触发见长。官方说明当前全部插件可按免费使用的标准许可获取，具体授权范围与条款以官方许可为准。

安装

npm install gsap

命令用于快速开始，具体版本与配置请以官方文档为准。

适用场景

编排多元素依次出场的分镜
把动画绑定到滚动进度
在原生 JS 或框架中复用时间线

特点

时间线能把复杂节奏拆得清楚
缓动与播放控制选项丰富
官方称全部插件可免费使用，授权以标准许可为准

专属示例

真实运行

时间轴编排与倒放

GSAP 时间轴串起四个阶段，拖动播放头查看任意进度，支持暂停、倒放与缓动切换。