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():立即设置属性 (无动画)
常见属性
时间线
时间线是创建易于调整、有弹性的动画序列的关键。将补间添加到时间线时,默认情况下,补间将按添加顺序依次播放。简单理解: 时间线可以让多组动画编排动作,从而控制整个序列。
位置参数
指定一个参数来构建动画时机时间的序列,简单理解就是多组动画之间的执行时机
标签:动画,GSAP,gsap,起始值,序列,补间,JS From: https://www.cnblogs.com/songxia/p/17901042.html