Framer动效07

自己动手做的第一个动效，没有再跟着教程啦

这个动效是在安卓手机上刷知乎遇到的

很简单的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()

运行之后，效果是这个样子的

加油~