GSAP具有以下优点：
性能优越：GSAP经过优化，可以处理大量动画，而不会影响网页性能。动画流畅：GSAP使用的缓动函数让动画过渡更加自然、平滑。交互友好：GSAP可以与用户的交互行为（如鼠标移动、滚动）结合使用，实现更丰富的用户体验。多平台支持：GSAP可运行在主流的浏览器和设备上，并且适用于移动端开发。使用GSAP，开发者可以创建各种类型的动画效果，包括但不限于：
元素的平移、旋转、缩放等变换效果；元素的透明度、颜色的渐变效果；元素的淡入淡出、滑动、抖动等动画效果；元素之间的过渡效果；文本的打字机、滚动等效果。总之，GSAP是一个功能强大、易于使用的动画库，可以帮助开发者轻松地创建出各种各样的动画效果，提升网页的交互性和用户体验。
其中gsap.fromTo()是GSAP库中的一个方法，用于创建一个动画，在指定的开始和结束状态之间进行过渡。它的参数包括起始状态、结束状态和一些其他的选项。
具体来说，gsap.fromTo()方法的参数如下：
目标元素选择器或对象：可以是一个CSS选择器字符串，表示要进行动画的目标元素，也可以是直接传入一个元素对象。动画持续时间或选项对象：可以是一个表示动画持续时间的数字（单位为秒），也可以是一个包含动画选项的对象，比如 { duration: 1, delay: 0.5 }，其中duration表示动画持续时间，delay表示动画延迟时间。起始状态对象：一个包含CSS属性和对应值的对象，表示动画的起始状态。结束状态对象：一个包含CSS属性和对应值的对象，表示动画的结束状态。动画将会从起始状态逐渐过渡到结束状态。使用gsap.fromTo()方法，你可以指定元素的起始状态和结束状态，并在指定的持续时间内进行过渡。这样可以创建各种复杂的动画效果，改变元素的位置、大小、透明度等属性。
以下是一个示例，演示如何使用gsap.fromTo()方法创建一个从左到右的平移动画：

// 动画持续时间为1秒，从左侧移动到右侧 gsap.fromTo('.box', { x: -100 }, { x: 100, duration: 1 });

在上面的代码中，.box是要进行动画的元素的选择器，{ x: -100 }是起始状态对象，表示元素的初始位置为左侧偏移100个像素，{ x: 100, duration: 1 }是结束状态对象，表示元素的最终位置为右侧偏移100个像素，动画持续时间为1秒。
举例：gsap.fromTo($sliderWrap.find(“.swiper-slide-active”).find(“.bg”), speed/100, {scale:1.4,rotation: 0.1}, {scale:1,rotation: 0.1,ease:Power2.inOut,});
这段代码使用GSAP库的fromTo方法创建了一个动画效果。让我为你解释每个参数的含义：
$sliderWrap.find(".swiper-slide-active").find(".bg")这是一个jQuery选择器，用于找到具有.bg类的元素。这个元素将是动画的目标元素。
speed/100这是动画持续时间的设置。它看起来是根据speed变量的值计算出来的持续时间，除以100。
起始状态对象 { scale: 1.4, rotation: 0.1 }这是描述动画起始状态的对象。在这个例子中，元素的初始缩放比例将为1.4，旋转角度为0.1。
结束状态对象 { scale: 1, rotation: 0.1, ease: Power2.inOut }这是描述动画结束状态的对象。在这个例子中，元素的最终缩放比例将为1，旋转角度为0.1，并且使用了Power2.inOut缓动函数，这个函数会使得动画的过渡更加平滑和自然。
整个动画的效果是将.bg元素从起始状态逐渐过渡到结束状态，持续时间为指定的时间（根据speed变量计算得出）。
总结一下，这段代码的作用是创建一个动画效果，通过缩放和旋转.bg元素从起始状态过渡到结束状态，使用指定的持续时间和缓动函数。
当使用GSAP库时，除了引用gsap.min.js文件，还应该引用TweenMax.min.js文件。因为GSAP库的核心功能都包含在TweenMax中，gsap.min.js实际上是TweenMax的一个子集。
引用TweenMax.min.js的目的是为了获得一些额外的功能和插件，比如时间轴（Timeline）、拖动（Draggable）和滚动触发器（ScrollTrigger）等。

所以，你应该在HTML文档中先引用TweenMax.min.js文件，然后再引用gsap.min.js文件，示例代码如下：
 

 当你引用了这两个文件后，就可以开始使用GSAP库提供的功能和方法了。

如果你只需要使用核心的Tween动画功能，而不需要其他额外的功能和插件，只引用gsap.min.js也是可以的。但是为了获得更全面的功能和灵活性，建议引用TweenMax.min.js。

转载：https://blog.csdn.net/qq_27487739/article/details/135246659