CSS3 Buttons 技术文档
1. 安装指南
1.1 下载文件
首先,从项目中下载以下文件:
css3buttons.csscss3buttons_backgrounds.pngcss3buttons_icons.png
1.2 放置文件
将 css3buttons.css 文件放置在你的样式表文件夹中,将 css3buttons_backgrounds.png 和 css3buttons_icons.png 文件放置在你的图片文件夹中。
1.3 引入样式表
在你的 HTML 页面 <head> 部分中引入 css3buttons.css 文件:
<link rel="stylesheet" href="path/to/css3buttons.css">
2. 项目的使用说明
2.1 创建按钮
要创建一个按钮,只需在 <a> 标签或 <button> 标签中添加 class="button":
<a href="#" class="button">这是一个按钮</a>
<button class="button">这是一个按钮</button>
2.2 创建胶囊按钮
如果你想要一个带有更多圆角的胶囊按钮,可以在按钮类中添加 .pill 类:
<a href="#" class="pill button">这是一个胶囊按钮</a>
2.3 主要操作按钮
为了突出显示主要操作按钮,可以添加 .primary 类:
<a href="#" class="primary button">发布文章</a>
<a href="#" class="button">保存为草稿</a>
2.4 负面操作按钮
对于触发负面操作的按钮,可以添加 .negative 类,悬停状态会变为红色:
<a href="#" class="negative button">删除数据</a>
2.5 正面操作按钮
对于鼓励用户执行的操作按钮,可以添加 .positive 类,悬停状态会变为绿色:
<a href="#" class="positive button">保存世界</a>
2.6 分组按钮
你可以创建分组按钮,使用 .left、.middle 和 .right 类:
<a href="#" class="left primary button">归档</a>
<a href="#" class="middle button">报告垃圾邮件</a>
<a href="#" class="right negative button">删除</a>
2.7 带图标的按钮
你可以在按钮中添加图标,使用 .icon 类和提供的图标类:
<a href="#" class="button"><span class="magnifier icon"></span>搜索</a>
2.8 大按钮
如果你想要强调某个操作,可以添加 .big 类来创建一个大按钮:
<a href="#" class="big button">创建项目</a>
3. 项目API使用文档
3.1 按钮类
.button:基本按钮样式。.pill:胶囊按钮样式。.primary:主要操作按钮样式。.negative:负面操作按钮样式。.positive:正面操作按钮样式。.left、.middle、.right:分组按钮样式。.big:大按钮样式。
3.2 图标类
.book、.calendar、.chat、.check、.clock、.cog、.comment、.cross、.downarrow、.fork、.heart、.home、.key、.leftarrow、.lock、.loop、.magnifier、.mail、.move、.pen、.pin、.plus、.reload、.rightarrow、.rss、.tag、.trash、.unlock、.uparrow、.user:各种图标样式。
4. 项目安装方式
4.1 手动安装
按照上述安装指南中的步骤,手动下载并放置文件,然后在 HTML 页面中引入样式表。
4.2 浏览器兼容性
CSS3 Buttons 在所有主流浏览器中都能正常工作,但请注意,Internet Explorer 8 及以下版本不支持某些 CSS3 特性。
4.3 许可证
该项目采用 Unlicense 许可证,意味着你可以自由复制、修改、发布、使用、编译、销售或分发该软件,无论是源代码形式还是编译后的二进制形式,用于任何目的,无论是商业还是非商业,以及通过任何方式。
4.4 联系与反馈
如果你发现了一个 bug,请在 GitHub 上创建一个 ticket,描述问题、浏览器和操作系统信息以及如何重现问题。如果你需要帮助,可以在 GitHub 上给我发送私信,我会尽力帮助你。
Kimi-K2.5Kimi K2.5 是一款开源的原生多模态智能体模型,它在 Kimi-K2-Base 的基础上,通过对约 15 万亿混合视觉和文本 tokens 进行持续预训练构建而成。该模型将视觉与语言理解、高级智能体能力、即时模式与思考模式,以及对话式与智能体范式无缝融合。Python00- QQwen3-Coder-Next2026年2月4日,正式发布的Qwen3-Coder-Next,一款专为编码智能体和本地开发场景设计的开源语言模型。Python00
xw-cli实现国产算力大模型零门槛部署,一键跑通 Qwen、GLM-4.7、Minimax-2.1、DeepSeek-OCR 等模型Go06
PaddleOCR-VL-1.5PaddleOCR-VL-1.5 是 PaddleOCR-VL 的新一代进阶模型,在 OmniDocBench v1.5 上实现了 94.5% 的全新 state-of-the-art 准确率。 为了严格评估模型在真实物理畸变下的鲁棒性——包括扫描伪影、倾斜、扭曲、屏幕拍摄和光照变化——我们提出了 Real5-OmniDocBench 基准测试集。实验结果表明,该增强模型在新构建的基准测试集上达到了 SOTA 性能。此外,我们通过整合印章识别和文本检测识别(text spotting)任务扩展了模型的能力,同时保持 0.9B 的超紧凑 VLM 规模,具备高效率特性。Python00
KuiklyUI基于KMP技术的高性能、全平台开发框架,具备统一代码库、极致易用性和动态灵活性。 Provide a high-performance, full-platform development framework with unified codebase, ultimate ease of use, and dynamic flexibility. 注意:本仓库为Github仓库镜像,PR或Issue请移步至Github发起,感谢支持!Kotlin08
VLOOKVLOOK™ 是优雅好用的 Typora/Markdown 主题包和增强插件。 VLOOK™ is an elegant and practical THEME PACKAGE × ENHANCEMENT PLUGIN for Typora/Markdown.Less00