#MOTION11#Animation


Framer 第二课。今天比昨天操作明显快了很多。把有限的时间花在最难的地方,才是进步的关键,切记,不要懒。


经验:

1.Framer 通过 Animate 操作图层样式的变化 (Properties: opacity 等)。time 设置时间(默认1s),repeat 设置循环(动画反复出现,默认1s)

2.ScollComponent.wrap 来设置滚动区域

3.object.on Events.eventName 用来绑定事件

4.Events.AnimationEnd 用于监听动画完成事件

5.Utils.delay(timedelay, action), Framer 有自己一系列 Utilities, 注意查阅。delay 是一个延迟函数,在 timedelay 之后执行 action

6.Sketch 配合时需要所有图层均可见,在通过 Framer 的 visible = false 进行隐藏即可


在线预览:https://framer.cloud/HYBZL/

评论
热度 ( 6 )

© 小强Joey | Powered by LOFTER