HN 热帖：有人让像素小人在网页边框上散步，标题写着“纯 CSS”

作者：阿乐

11 月 5 日，一篇《Lemmings CSS Animation》在 Hacker News 拿到 47 分，链接指向可上手的像素小人页面：小人沿边框走、掉坑、还能被缩窗“发射”。不过页面里出现了 JS 调用，“纯 CSS”暂未核实。

11 月 5 日，一篇题为《Lemmings CSS Animation》的帖子在 Hacker News 拿到 47 分，链接指向一个叫 “Walker Playground” 的页面，点开就能玩 。

先说观感：像素小人从楼梯上晃下来，沿卡片边框走圈、掉进坑里、试着爬墙；最离谱的是它把每一行文字都当台阶，顺着段落一行一行往下跳，短句走到头就直接掉下去 。

门道在这儿——作者把边框、按钮、输入框、图片都设成“实体地面”，而文字行比小人矮，所以只铺路、不挡路，避免小人卡在段落缝隙里 。交互也不只是看图：按按钮加小人、拖起来搬走、甩出去，快速缩放窗口还能把它们弹上天 。

限制也得说清。标题里的“纯 CSS”目前核实不了：页面说明里出现了 __walker.add() 这样的调用，动画本体是否完全不碰 JavaScript，现有材料看不出来，先按原帖标题转述 。另外它没有关卡、没有技能指派，更像“旅鼠风网页整活”，不是游戏复刻 。帖子眼下 4 条评论，热度刚冒头 。

转载说明

本文根据以下公开资料整理，原文及配图出处见下方。

• [S1] Lemmings CSS Animation
• [S2] Walker Playground