使用不到 100 行 HTML 和 CSS 实现交互式视觉错觉效果，基于 conic-gradient、clip-path 和 mix-blend-mode 等 CSS3 技术，支持点击切换不同错觉状态。

一个使用原生 JavaScript 和 HTML5 Canvas 开发的简易 Flappy Bird 克隆小游戏，适合初学者练习前端动画、碰撞检测与游戏逻辑控制。

一个基于 CSS Sprite 动画技术构建的《我的世界》角色选择界面，支持帧率调节和方向切换，适配响应式布局，使用原生 HTML 与 CSS 构建。

实现iOS风格液态玻璃菜单效果，使用SVG滤镜和CSS backdrop-filter创建动态玻璃质感，包含悬浮动画和背景移动特效，适合现代网页设计。

基于 HTML、CSS 和原生 JavaScript 实现的舒尔特方格游戏，支持多种方格尺寸选择与响应式布局，适用于注意力、视觉搜索和反应能力训练。

纯前端实现的可视化翻页式倒计时组件，支持自定义目标时间，基于 HTML、CSS3 动画和原生 JavaScript 构建，适用于各种网页活动倒计时场景。

该页面展示了一个交互式的软件卸载确认对话框，使用HTML、CSS和JavaScript实现。页面包含一个动态表情（Boi），根据用户鼠标移动改变表情状态，提供“保留”和“卸载”两个按钮。采用响应式设计，适配移动端和桌面端，使用CSS变量和JavaScript实现动态效果。

基于 Three.js 开发的 Crossy Road 复刻版，采用 WebGL 渲染，支持 3D 画面和交互。游戏提供车辆、障碍物、地形等元素，玩家可通过按键控制角色前进，挑战高分。

一款基于HTML5 Canvas的病毒射击游戏，采用JavaScript实现游戏逻辑，支持鼠标与触摸交互，具备健康值、敌人生成、子弹射击等机制，画面流畅，兼容主流浏览器。

这是一个基于HTML5、CSS3和JavaScript开发的记忆卡片游戏，玩家需要通过翻转卡片匹配相同的图案。游戏使用了jQuery库进行交互操作，并采用了响应式设计，确保在不同设备上都能流畅运行。游戏结束时，会弹出模态框提示玩家胜利，并提供分享到社交媒体的功能。适合前端开发初学者学习和参考。