纯 CSS 计数器
纯 CSS 实现多块变化组合模块化数字计数器效果这是一款七段数码管风格的模块化计数器效果，纯 CSS 技术实现，无需任何 JavaScript 代码，通过控制 12 个左右的独立矩形模块的显示与隐藏来切换 0-9 数字的变化，结构清晰易扩展，...
瑞士时钟
纯 CSS 实现的简约风格模拟时钟效果这是一款实时走动的时钟效果,基于纯CSS技术实现。整个时钟走的是经典瑞士表盘路线——罗马数字刻度、金色双层表圈、三根不同颜色的指针(黑色时针、黑色分针、红色秒针),细节拿捏得很到位。最厉害的是完...
记忆小游戏
复古记忆力挑战 HTML5 小游戏源码 - 无限循环模式箭头指示方向记忆这是一款复古风格的方向键按钮点击记忆游戏，基于 HTML + CSS + JavaScript 技术实现。界面模拟了80年代的电子游戏机外观，黑色机身配上深灰色边框，充满怀旧感。游戏设计很巧妙：...
推箱子小游戏
复古像素风格经典推箱子 HTML5 益智小游戏这是一款经典推箱子游戏的网页版，基于HTML+JavaScript+CSS技术实现。游戏做成了老式掌机的样子，灰色机身配黑色屏幕，下方还有实体按键式的方向键和功能按钮，满满的怀旧感。玩法就是经典...
方块射击小游戏
基于 Canvas 打造的赛博像素风图形射击互动 HTML 小游戏这是一款赛博复古风格的太空射击小游戏，三角形可以发射子弹射击下落的四边形，发生撞击会掉生命值，击中物体会有彩色粒子散射动画效果。这款游戏基于 HTML5 Canvas + JavaScript ...
电子屏|点阵像素
纯 CSS 像素点阵模拟的高性能数字化电子显示屏效果这是一款工业级 LED 点阵像素显示屏效果，基于 CSS 网格遮罩（Masking）与纹理平铺技术实现。它通过极其细腻的点阵颗粒模拟出物理显示器的发光特性，文字或图形在网格中呈现出独特的“数字化...
弹球对战
赛博霓虹对决：基于 Canvas 打造的复古 CRT 风格弹球 HTML 小游戏源码这是一款赛博复古风格的霓虹弹球对战游戏，基于 Canvas 2D 技术构建。它不仅复刻了经典的乒乓对决，更通过扫描线、RGB 色散以及粒子拖尾等视觉滤镜，在网页上良好模拟了 80 年代 CRT ...
跑酷小游戏
基于 WebGL 打造的极简 3D 像素风躲避障碍物 HTML 跑酷小游戏这是一款轻量级的 3D 低多边形（Low-Poly）跑酷 HTML 小游戏，基于 Three.js 与 WebGL 技术构建。它不仅是一个简单的“跳一跳”程序，更像是《天天过马路》的极简网页版。...
节日彩灯
《怪奇物语》影视复古风格节日串联小彩灯动画+手写字母背景这是一款复古风格的圣诞小彩灯动画效果，基于CSS+JavaScript技术实现，灵感源自《怪奇物语》中的经典场景。墙上悬挂的彩灯串随时间随机闪烁，字母表以手写体呈现，营造出怀旧又神秘的氛围。整体...
像素风武士
“我的世界”像素风武士角色行走、攻击等动作，用CSS+JS打造复古游戏级交互体验这是一款像素风武士角色动画效果，基于CSS steps() 函数与JavaScript实现，通过精灵图（spritesheet）驱动角色行走、攻击等动作，响应键盘输入流畅切换动画帧。适用于游戏化...
黑胶唱片
CSS黑胶唱机播放音乐动画，适用于音乐播放器、复古风格网站等场景这是一款黑胶唱机音乐播放效果，基于CSS动画和变换技术实现，通过旋转唱片和唱臂移动模拟真实播放场景，适用于音乐播放器、复古风格网站等场景。