这篇令人叹为观止的交互图文设计来自北大,画面素材大量采用 AI 生成,而其 SVG 交互核心则是由 E2 编辑器的视差滑动实现,巧妙的图层设计关系使得画面经历「错乱_归整_再错乱」的荒诞效果,是 CSS 裸眼 3D 技术的精彩应用。
拖动+号查看下一层画面,按提示找到线索并点击切换画面,文案以动态方式逐段出现,循序渐进呈现内容,随后图文自动拉长,点击触发动效播放,随后图文继续拉长,出现完整图文内容。
本作采用了一镜到底的组合效果层层深入,不惜牺牲开屏加载速度来达到丝滑顺畅的 GIF 体验,体现出对艺术细节的极致追求。