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

官方的介绍

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

官网

动画其实是每秒多次改变元素属性值，元素看起来就仿佛在动一样，比如淡入淡出，旋转，移动等。而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一起使用。