快速效果摘要

使用快速效果添加预建的进入、退出和重点动画,为您的项目引入基本动作和交互。

通过利用快速效果,您可以通过单击、悬停和滚动将 20 多个预先设计的进入、退出和强调动画应用于元素。

在本教程中:

  • 过渡动画
  • 展开动画
  • 弹力带动画

过渡动画

  • 选择其中一件商品后,访问“交互”面板
  • 按下元素触发器旁边的加号
  • 从下拉列表中选择“滚动进入视图”
  • 从“滚动进入视图时”下方的操作菜单中,选择“过渡”
  • 从下拉列表中选择过渡方向(例如从左侧)
  • 在触发器设置中,确保此动画在具有此特征的所有元素上实现(例如,类别:清单项)

展开动画

  • 选择其中一件商品后,访问“交互”面板
  • 按下元素触发器旁边的加号
  • 从下拉列表中选择“滚动进入视图”
  • 从“滚动进入视图时”下方的操作菜单中,选择“展开”
  • 在触发器设置中,确保所有具有此特征的元素都实现了此动画(例如,Class: feature cell)

弹力带动画

  • 选择其中一件商品后,访问“交互”面板
  • 按下元素触发器旁边的加号
  • 从下拉列表中选择鼠标悬停
  • 从“悬停时”下方的操作菜单中,选择“弹性带”
  • 在触发器设置中,确保此动画在具有此特征的所有元素上实现(例如,类别:按钮和深色轮廓)

麦宜云
Ewan Mak 的最新帖子 (查看全部)