user-interface - 如何在figma中添加定位动画onstart?
问题描述
我在 figma 中有一个矩形,我想在开始页面时给它一个从上到下的定位动画。(不点击或悬停)怎么可能?
解决方案
目前,在 Figma 中制作动画的最佳方式是在两帧之间使用Smart Animate和After Delay的组合。
运行动画
我们将创建一个开始和结束帧。然后,在它们之间制作动画。
- 用你的矩形在它的起始位置创建你的起始框架。
- 将矩形层重命名为独特的名称。这样可以确保在帧变得更繁忙时,智能动画功能不会错过图层。
- 复制你的框架
CMD+D
并将你的矩形定位到它的结束位置(检查 Figma 没有重命名你的矩形) - 单击
Prototype
面板右上角的 。 - 选择您的起始帧并单击
None
下拉菜单并选择After Delay
- 单击
None
下拉列表并Navigate To
从列表中选择 - 在右侧出现的下拉列表中,从列表中选择您的结束帧
- 在动画下,单击下拉菜单并选择
Smart Animate
- 取消选择您的帧,并确保“起始帧”设置为您的第一帧。
- 最后,点击右上角的播放,观看魔术!
希望这可以帮助!
这是设置的屏幕截图。
希望这就是你所追求的!
推荐阅读
- php - wait() 调用 RuntimeException 错误代码接收
- node.js - Firebase setCustomUserClaims 总是覆盖旧的
- php - 自定义帖子类型循环父类别
- powerbi - 簇状柱形图间距和宽度
- java - Neo4j 用户定义过程未显示
- html - 禁用 Anchor 标签并在鼠标悬停时显示 title-msg 为什么它被禁用
- java - 有没有办法为方法概述静态变量?
- java - 尝试设置文本字段文本时出错 (Javafx)
- machine-learning - 每个状态都是终端的强化学习
- php - 在按钮单击时回显 $_SESSION(不刷新页面)