• 参考教程

动画概述

动画是元素的属性随着时间进行变更。关键要素:

• 元素 target
• 开始属性
• 结束属性

对此，gsap提供了3个基础方法

gsap 3个基础方法 fromTo to from

gsap.fromTo(target,startVars,endVars)

• https://gsap.com/docs/v3/GSAP/gsap.fromTo()/

gsap.to(target,endVars)

• 元素当前的状态为起始状态
• https://gsap.com/docs/v3/GSAP/gsap.to()/
• 使用场景：用户做了交互之后执行动画，例如用户点击、鼠标经过等

gsap.from(target,fromVars)

• 元素当前的状态为结束状态
• https://gsap.com/docs/v3/GSAP/gsap.from()/
• 使用场景：入场动画，