以下是我们将在本教程中介绍的内容:
- 建立滚动动画
- 包括水平运动
- 实现透明效果
- 通过第二步进行增强
建立滚动动画
- 在“交互”面板中,从“当前页面”菜单中选择“页面滚动时”
- 在“滚动”部分下,选择“播放滚动动画”
- 点击滚动动画旁边的加号
- 为其指定一个标题(例如,英雄滚动动画)
包括水平运动
- 确保选择了元素
- 在“交互”面板中,点击时间线上的加号
- 选择移动
- 对于移动,将 x 轴调整为 0 像素
实现透明效果
- 使用加法符号来引入另一个动作
- 选择不透明度
- 确保不透明度配置为 100%
继续将移动和透明操作应用到每个目标元素。
通过第二步进行增强
- 确认元素的选择
- 在交互面板中,修改 x 轴以将元素向左移动(例如,向 -900 像素移动)
- 单击此元素时间轴底部的加号,可添加另一个“不透明度”操作
- 将不透明度调整为 0%
对每个元素重复此过程,相应调整 x 轴的值(例如,向右移动 900 像素而不是向左移动)
激活实时预览来实时见证您的效果。
Ewan Mak 的最新帖子 (查看全部)
- 包括或删除工作区位置和成员 - 2024 年 4 月 15 日
- 定心盒摘要 - 2024 年 4 月 15 日
- 存储网站以供将来参考 - 2024 年 4 月 15 日