四个用途不同的网页,都只用原生 CSS 3D 变换和少量 JavaScript 实现纵深感。把指针移到卡片上预览视差,点击打开完整页面。
流星雨观测夜的报名页。三层星空随鼠标和滚动以不同速率移动,首屏是可随视角倾斜的 3D 轨道仪。
机械键盘的爆炸视图。粘性舞台里,滚动进度直接映射为六个图层之间的 Z 轴间距和观察角度。
摄影作品挂在一条 3D 走廊两侧,滚动就是沿 Z 轴向前走。画面里的天空和前景也有各自的微视差。
剪纸风格的群山层层叠叠,标题夹在山与山之间。工序卡片像立体书一样立起,茶盒可以拖动旋转。
所有页面都支持手机宽度,并在系统开启“减少动态效果”时停用持续动画。