GSAP(GreenSock)：最健全的web动画库之一

官方的介绍

GreenSock 动画平台（GSAP）可以对 JavaScript 可以操作的所有内容进行动画处理（CSS 属性，SVG，React，画布，通用对象等），同时解决了不同浏览器上存在的兼容性问题，而且速度极快（比 jQuery 快 20 倍）。大约有 1000 万个站点和许多主要品牌都使用 GSAP。

官网

https://greensock.com/

动画其实是每秒多次改变元素属性值，元素看起来就仿佛在动一样，比如淡入淡出，旋转，移动等。而 GSAP 捕捉一个起始值和一个结束值，然后每秒在它们之间插值 60 次。

如果从技术上面来讲，GSAP 其实应该被称为 “GreenSock 属性操纵器”(GSPM)。

可以添加动画的元素

GSAP 非常的灵活，几乎可以处理所有页面上可以通过JS进行改变的元素，例如：

CSS：2D 和 3D 变换，颜色，width，opacity，border-radius，margin，和几乎所有 CSS 值。

SVG属性：viewBox，width，height，fill，stroke，cx，r，opacity，等插件，像 MorphSVG 和 DrawSVG 可用于高级特效。

任何数值，例如，渲染的对象 <canvas>。对 3D 场景中的相机位置进行动画处理或过滤值。GSAP 通常与 Three.js 和 Pixi.js 一起使用。