美文网首页
Framer动效05

Framer动效05

作者: huangxiaohao | 来源:发表于2016-07-21 10:43 被阅读28次

Screen.backgroundColor="#877dd7"

LayerA=new Layer

width: 150

height: 150

x:Align.center

y:Align.center

backgroundColor: "#fff"

borderRadius: 6

LayerA.originX=1

LayerA.originY=0

LayerA.animate

properties:

rotation:90

curve: "spring(200,30,10,19)"

LayerA.on Events.AnimationEnd, ->

this.animate

properties:

rotation:0

repeat:5

delay:2

curve:"spring(200,10,0)"

相关文章

  • Framer动效05

    Screen.backgroundColor="#877dd7" LayerA=new Layer width: ...

  • Framer动效15

    今天照着framer官网的视频做了一个Facebook的Group的动效。 我们首先来看动效的几个点: Group...

  • Framer 动效15

    传送门 http://www.jianshu.com/p/dabd180b3620

  • Framer动效06

    # Import file "动效05" (sizes and positions are scaled 1:2)...

  • Framer动效03

    Screen.backgroundColor="#2dd7aa" scroll=new ScrollCompone...

  • Framer动效04

    Screen.backgroundColor="#7ddd11" page=new PageComponent x...

  • Framer动效02

    程序如下: Screen.backgroundColor="#28AFFA" constraints=new La...

  • Framer动效07

    自己动手做的第一个动效,没有再跟着教程啦 这个动效是在安卓手机上刷知乎遇到的 很简单的material desig...

  • Framer动效09

    Screen.backgroundColor="fff" layerA=new Layer width:20 he...

  • framer动效12

    #设置屏幕颜色 Screen.backgroundColor="white" #新建layerA层级 layerA...

网友评论

      本文标题:Framer动效05

      本文链接:https://www.haomeiwen.com/subject/wzrbjttx.html