自己動手做的第一個動效，沒有再跟著教程啦

這個動效是在安卓手機(jī)上刷知乎遇到的

很簡單的material design的動效，擼一發(fā)

01 先在sketch里畫出三個圓圈

就這樣的，打開著sketch，導(dǎo)入到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()

運(yùn)行之后，效果是這個樣子的

加油~