自己动手做的第一个动效,没有再跟着教程啦
这个动效是在安卓手机上刷知乎遇到的
很简单的material design的动效,撸一发
01 先在sketch里画出三个圆圈
就这样的,打开着sketch,导入到framer。
贴出所有代码
sketch = Framer.Importer.load("imported/动效07@2x")
sketch.anniu.opacity=0
sketch.anniu.states.add
on:
opacity:1
defaults:
opacity:0
sketch.anniu.states.animationOptions=curve: "spring(300,30,0)"
sketch.bot.states.add
on:
rotation:-45
defaults:
rotation:90
sketch.bot.states.animationOptions=curve: "spring(300,30,0)"
sketch.bot.on Events.Click, ->
sketch.bot.states.next()
sketch.anniu.states.next()
运行之后,效果是这个样子的
加油~