通过快速的效果,您可以在点击、悬停和滚动的元素上添加20多个预先构建的入口、出口和强调动画。
在这节课中:
- 幻灯片的动画
- 生长动画
- 橡皮筋动画
幻灯片的动画
- 选中任何项目后,单击进入interaction面板
- 单击Element Trigger旁边的加号
- 从下拉菜单中选择滚动进入视图
- 在“滚动到视图”下的“操作”菜单中,选择“滑动”
- 从下拉菜单中,选择幻灯片的方向(例如,从左)。
- 在Trigger设置下,确保这个动画被应用到带有这个类的所有元素(例如,class: Checklist项)
生长动画
- 选中任何项目后,单击进入interaction面板
- 单击Element Trigger旁边的加号
- 从下拉菜单中选择滚动进入视图
- 在“当滚动到视图”下的“操作”菜单中,选择“增长”
- 在Trigger设置下,确保这个动画被应用到带有这个类的所有元素上(例如,class: feature cell)
橡皮筋动画
- 选中任何项目后,单击进入interaction面板
- 单击Element Trigger旁边的加号
- 从下拉菜单中选择鼠标悬停
- 在“悬停”下的“动作”菜单中,选择“橡皮筋”
- 在触发设置下,确保这个动画应用于所有这个类的元素(例如,class: Button和Dark Outline)