用途：面向网页动画的设计、实现与性能优化，重点覆盖 Tween（单发动画）、Timeline（序列编排）、ScrollTrigger（滚动联动）和 Easing（缓动）四大要素。
主要能力与设计原则：先判断是否可用 CSS 完成，简单悬停等效果用 CSS，需要序列、控制或交互时用 GSAP；用 Timeline 统一管理序列，避免手算 delay；不使用 CSS transition 与 GSAP 并用；理解默认缓动 power1.out；一个 ScrollTrigger 对应一个动画，多个动画应合并进 Timeline；必须清理 scroll/resize 监听、定时器与事件处理。
使用方式：React 环境推荐 @gsap/react 的 useGSAP() Hook（可作 useEffect/useLayoutEffect 的替代）；事件处理需配合 contextSafe()；卸载时用 gsap.context().revert() 清理。官方安装与导入方式参见官方安装指南。
适用场景：复杂动画序列、交互控制、滚动联动动画。
限制与常见陷阱：CSS transition 与 GSAP 同时使用会导致性能变差；向已完成的 Timeline 追加 Tween 不会重新执行；.from() 是“从指定值到当前值”的动画；在嵌套 Timeline 的单个 Tween 上直接挂 ScrollTrigger 会与父 Timeline 冲突；动画过度使用会让体验混乱；模块环境下易出现导入错误。许可方面，2024 年与 Webflow 合作后全功能免费，采用自有许可，可商用。