提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
Framer 实例 02 弹性界面
以下为本案例全部源代码
# Import file "location animation"
sketch = Framer.Importer.load("imported/location animation@1x")
# Set the Icon`s origin
sketch.icon.originX = 0.5
sketch.icon.originY = 0
# Set the Icon`s start state
sketch.icon.y = 570
sketch.icon.scale = 0
sketch.icon.opacity = 0
# Set the Icon`s animate
sketch.icon.animate
properties:
y: 175
scale: 1
opacity: 1
delay: 0.5
curve:"spring(100, 15, 10)"
# Set the Earth`s start sate
sketch.Earth.scale = 0
sketch.Earth.opacity =0
# Set the Icon`s animate
sketch.Earth.animate
properties:
scale: 1
opacity: 1
curve:"spring(100, 15, 10)"
# Set the location1`s State
sketch.location1.y = 876
sketch.location1.scale = 0
sketch.location1.opacity = 0
# Set the location1`s animate
sketch.location1.animate
properties:
y: 676
opacity: 1
scale: 1
time:0.5
delay: 0.6
# Set the text`s start state
sketch.text.y = 900
sketch.text.opacity = 0
sketch.text.scale = 0
# Set the text animate
sketch.text.animate
properties:
y: 769
opacity: 1
scale: 1
delay: 0.7
# Set the button`s State
sketch.button.scale = 0
sketch.button.opacity = 0
# Set the button`s animate
sketch.button.animate
properties:
scale: 1
opacity: 1
delay: 0.8
curve:"spring(100, 15, 10)"
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册