3D

视差效果

文字出场

无限延伸场景

• 四面墙壁的无限延伸的感觉塑造
• 视角的变动
• 远处最深处的遮罩

404

• 添加立方体的滚动动画
• 控制下落的缓动函数，及落地的震荡动画（为了效果更为逼真，运用了设计动画中的预备动作、跟随和重叠动画等技巧）
• 控制立方体及地面数字画面的平移
• 控制动画的无限循环

宇宙时空穿梭效果

• 选取一张合适的星空图
• 利用 5 个元素设定上述星空图，在 3D 效果的作用下，在上下左右中 5 个方向铺满一屏
• 父容器在极小的 perspective 值下，设定容器的 translateZ 动画，实现效果
• 通过两组同样的动画，其中一组设置负延迟实现动画的衔接