使用 Z 比例放大深度

通过沿 z 轴缩放来创建悬停效果,从而实现爆炸性的、引人注目的过渡。

在此模块中探索: 

  1. 建立儿童视角
  2. 调整子元素的 z 位置
  3. 沿 z 轴修改
  4. 优化过渡以保证连贯性

建立儿童视角

在样式部分中,定义儿童视角(例如,大约 1000 像素)。

调整子元素的 z 位置

  1. 选择正在考虑的元素
  2. 在“样式”部分中,单击加号展开“变换”,然后微调 z 位置

沿 z 轴修改

  1. 选择正在考虑的元素
  2. 在“样式”部分中,使用加号展开“变换” 
  3. 进入“比例”选项并调整 z 轴(如果太小,元素可能会消失)
  4. 点击州旁边的菜单
  5. 选择悬停
  6. 在变换中,将比例调整回其初始值(例如 1)

优化过渡以保证连贯性

  1. 在“样式”部分中,单击“过渡和变换”下的时钟图标
  2. 从菜单中选择“变换”
  3. 选择超过 200 毫秒的持续时间 

在预览中评估您的进度。 

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