【Framer源码分享】五色卡载入效果

五色卡加载动效

代码如下：

Framer.Info =

author: "Zen Young"

weichart: "176061249"

title: "五色卡加载"

colors = ["#dddfe6","#252c41","#f4f5f9","#6E7783","#aacfd0"]

#定义颜色

for i in [0..4]

layer = new Layer#新建层

width: Framer.Device.screen.width#读取屏幕宽度

height: Framer.Device.screen.height#读取屏幕高度

y: 100 * i + Framer.Device.screen.height#定义高度间距100

borderRadius:50#定义每个色卡的边角弧度

backgroundColor: colors[i]#读取已定义好的颜色

layer.animate#定义动效

properties:

y: 100 * i

delay: i * 0.2

time: .2

curve: "spring(200,30)"