左右滚动

设置页面滚动动画,以实现在滚动时水平移动和淡入淡出的连续动画。

以下是我们将在本教程中介绍的内容:

  1. 建立滚动动画
  2. 包括水平运动
  3. 实现透明效果
  4. 通过第二步进行增强

建立滚动动画

  1. 在“交互”面板中,从“当前页面”菜单中选择“页面滚动时”
  2. 在“滚动”部分下,选择“播放滚动动画”
  3. 点击滚动动画旁边的加号
  4. 为其指定一个标题(例如,英雄滚动动画)

包括水平运动

  1. 确保选择了元素
  2. 在“交互”面板中,点击时间线上的加号
  3. 选择移动
  4. 对于移动,将 x 轴调整为 0 像素

实现透明效果

  1. 使用加法符号来引入另一个动作
  2. 选择不透明度
  3. 确保不透明度配置为 100%

继续将移动和透明操作应用到每个目标元素。

通过第二步进行增强

  1. 确认元素的选择
  2. 在交互面板中,修改 x 轴以将元素向左移动(例如,向 -900 像素移动)
  3. 单击此元素时间轴底部的加号,可添加另一个“不透明度”操作
  4. 将不透明度调整为 0%

对每个元素重复此过程,相应调整 x 轴的值(例如,向右移动 900 像素而不是向左移动) 

激活实时预览来实时见证您的效果。

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