美文网首页
Framer动效04

Framer动效04

作者: huangxiaohao | 来源:发表于2016-07-21 09:42 被阅读35次

Screen.backgroundColor="#7ddd11"

page=new PageComponent

x: Align.center

y: Align.center

width: 300

height: 300

borderRadius: 10

scrollVertical : false

page.contentInset=

lefe:20

right:20

for i in [0..4]

layer=new Layer

parent:page.content

name:"page #{i}"

x:210*i

y:50

backgroundColor:"#fff"

borderRadius:6

opacity:0.3

page.snapToNextPage()#允许两页进行滑动

page.currentPage.opacity=1

page.onChange "currentPage",->#当前页会变成前一页

page.previousPage.animate#当前页变成前一页的动画

properties:

opacity:0.3

scale:0.1

time:0.4

page.currentPage.animate#前一页变成当前页动画

properties:

opacity:1

scale:1

time:0.4

相关文章

  • Framer动效04

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

  • 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动效02

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

  • Framer动效05

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

  • Framer动效07

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

  • Framer动效09

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

  • framer动效12

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

网友评论

      本文标题:Framer动效04

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