3 篇文章带有标签 “css”

扫雷是什么

扫雷是一款经典的浏览器本地益智游戏。无需下载安装，打开网页即可游玩，支持简单、中等、困难三种难度，同时适配桌面端与移动端操作。

核心功能

• 三种难度可选：简单（9×9，10 颗雷）、中等（16×16，40 颗雷）、困难（30×16，99 颗雷），一键切换。
• 首次点击保护：第一次点击永远不会踩到雷，确保开局安全。
• 自动展开空区：翻开无雷的空白格子时，自动级联展开周围相邻区域。
• 插旗标记：支持右键或长按标记疑似地雷位置，实时显示剩余雷数。
• 双模式切换：移动端提供"点击翻开 / 点击插旗"模式切换按钮，操作更直观。
• 长按插旗：移动端支持长按格子快速插旗，并伴随触觉反馈（若设备支持）。
• 计时器：从第一次点击开始计时，精确到秒。
• 表情按钮：重置按钮随游戏状态变化（😊 / 😵 / 😎），点击即可重新开始。
• 动画效果：翻开格子、踩雷爆炸、胜利庆祝均配有流畅的 CSS 动画。
• 彩色数字提示：周围雷数 1~8 分别用不同颜色显示，便于快速判断。

使用方式

1. 打开 扫雷。
2. 选择难度（默认简单）。
3. 点击格子开始游戏，首次点击安全无雷。
4. 根据数字提示推理雷的位置，用右键或长按插旗标记。
5. 翻开所有安全格子即可获胜，踩到雷则游戏结束。
6. 点击表情按钮 😊 随时重新开始。

操作说明

JSON 格式化 / 压缩 是什么

JSON 格式化 / 压缩是一款纯前端在线 JSON 处理工具，无需联网、无需上传数据，所有操作均在浏览器本地完成。支持格式化、压缩、转义与去转义，适合开发者在日常工作中快速处理 JSON 数据。

核心功能

• 格式化：将压缩的 JSON 文本一键展开为带缩进的可读格式，便于查看与调试。
• 压缩：去除 JSON 中所有不必要的空格与换行，生成最小体积的 JSON 字符串。
• 转义：将 JSON 对象序列化为转义后的字符串，方便嵌入代码或配置文件。
• 去转义：将转义后的 JSON 字符串还原为原始内容，支持带引号或不带引号的输入。
• 一键复制：处理结果可直接复制到剪贴板，无需手动选中。
• 一键清空：快速清空输入与输出区域，方便处理下一段数据。
• 实时错误提示：JSON 解析失败时，状态栏会显示具体错误信息，帮助定位问题。
• 深色模式支持：自动跟随系统主题，也支持手动切换，长时间使用不刺眼。
• 左右分屏布局：输入与输出并排显示，大屏对比查看更高效，移动端自动切换为上下布局。

使用方式

1. 打开 JSON 格式化 / 压缩。
2. 将 JSON 文本粘贴到左侧输入框。
3. 点击工具栏上的 格式化、压缩、转义 或 去转义 按钮进行处理。
4. 处理结果即时显示在右侧输出框，点击 复制结果 即可复制到剪贴板。

技术栈

• HTML + CSS + JavaScript
• 无后端、无依赖、纯静态页面
• 支持深色模式与响应式布局