gsap基础-JS动画库

https://blog.csdn.net/m0_61662775/article/details/131430585
https://blog.csdn.net/changbb/article/details/131675810

学习文档

简介

GSAP的全名是 GreenSock Animation Platform

一直发展到今天已经是 3.x 版本，这是一个适用于现代浏览器的专业 Javascript 动画库

核心语法

GSAP 远在 flash 繁荣的时代就存在，所以核心是补间动画

GSAP 则是补间动画，主要有4个分类：

gsap.to()：从元素的起始值开始，动画到我们指定的结束值

gsap.from()：反过来，我们指定起始值，动画到结束值

gsap.fromTo()：自定义起始值和结束值

gsap.set()：立即设置属性 (无动画)

常见属性

时间线

时间线是创建易于调整、有弹性的动画序列的关键。将补间添加到时间线时，默认情况下，补间将按添加顺序依次播放。简单理解: 时间线可以让多组动画编排动作，从而控制整个序列。

位置参数

指定一个参数来构建动画时机时间的序列，简单理解就是多组动画之间的执行时机