回到所有的课程
课程库

快速的影响概述

使用快速效果添加预先构建的入口、出口和强调动画,为项目引入基本动作和交互。

这个视频的特点是一个旧的UI。更新版本即将发布!

通过快速的效果,您可以在点击、悬停和滚动的元素上添加20多个预先构建的入口、出口和强调动画。


在这节课中:

  1. 幻灯片的动画
  2. 生长动画
  3. 橡皮筋动画

幻灯片的动画

  1. 选中任何项目后,单击进入interaction面板
  2. 单击Element Trigger旁边的加号
  3. 从下拉菜单中选择滚动进入视图
  4. 在“滚动到视图”下的“操作”菜单中,选择“滑动”
  5. 从下拉菜单中,选择幻灯片的方向(例如,从左)。
  6. 在Trigger设置下,确保这个动画被应用到带有这个类的所有元素(例如,class: Checklist项)

生长动画

  1. 选中任何项目后,单击进入interaction面板
  2. 单击Element Trigger旁边的加号
  3. 从下拉菜单中选择滚动进入视图
  4. 在“当滚动到视图”下的“操作”菜单中,选择“增长”
  5. 在Trigger设置下,确保这个动画被应用到带有这个类的所有元素上(例如,class: feature cell)


橡皮筋动画

  1. 选中任何项目后,单击进入interaction面板
  2. 单击Element Trigger旁边的加号
  3. 从下拉菜单中选择鼠标悬停
  4. 在“悬停”下的“动作”菜单中,选择“橡皮筋”
  5. 在触发设置下,确保这个动画应用于所有这个类的元素(例如,class: Button和Dark Outline)

尝试Webflow——它是免费的
Baidu
map