FramerJS 基础 [2]

Posted on Posted in 技術宅

上一篇讲了Framer基础中的图层概念,这一篇讲的就是动画了。

图层的属性是可以活动的,包括x、y、宽、高、拉伸、透明度、旋转和其他。一次动作可以包含多个属性的变化。

Timing(时长)

除了在使用弹簧效果的时候之外你可以定义一次动画的时长。动画也是可以被延时或者重复播放的,所有时长的定义以秒为单位。

Curves(曲线)

动画可以用不同的运动曲线形式来作为选项。你可以使用已经预先定义好的比如线性或者渐入这样的曲线,也可以自定义贝奇尔曲线或者弹簧动画。一下是不同曲线的示例。

发表评论

电子邮件地址不会被公开。 必填项已用*标注