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 上给我发送私信,我会尽力帮助你。
GLM-5智谱 AI 正式发布 GLM-5,旨在应对复杂系统工程和长时域智能体任务。Jinja00
GLM-5-w4a8GLM-5-w4a8基于混合专家架构,专为复杂系统工程与长周期智能体任务设计。支持单/多节点部署,适配Atlas 800T A3,采用w4a8量化技术,结合vLLM推理优化,高效平衡性能与精度,助力智能应用开发Jinja00
请把这个活动推给顶尖程序员😎本次活动专为懂行的顶尖程序员量身打造,聚焦AtomGit首发开源模型的实际应用与深度测评,拒绝大众化浅层体验,邀请具备扎实技术功底、开源经验或模型测评能力的顶尖开发者,深度参与模型体验、性能测评,通过发布技术帖子、提交测评报告、上传实践项目成果等形式,挖掘模型核心价值,共建AtomGit开源模型生态,彰显顶尖程序员的技术洞察力与实践能力。00
Kimi-K2.5Kimi K2.5 是一款开源的原生多模态智能体模型,它在 Kimi-K2-Base 的基础上,通过对约 15 万亿混合视觉和文本 tokens 进行持续预训练构建而成。该模型将视觉与语言理解、高级智能体能力、即时模式与思考模式,以及对话式与智能体范式无缝融合。Python00
MiniMax-M2.5MiniMax-M2.5开源模型,经数十万复杂环境强化训练,在代码生成、工具调用、办公自动化等经济价值任务中表现卓越。SWE-Bench Verified得分80.2%,Multi-SWE-Bench达51.3%,BrowseComp获76.3%。推理速度比M2.1快37%,与Claude Opus 4.6相当,每小时仅需0.3-1美元,成本仅为同类模型1/10-1/20,为智能应用开发提供高效经济选择。【此简介由AI生成】Python00
Qwen3.5Qwen3.5 昇腾 vLLM 部署教程。Qwen3.5 是 Qwen 系列最新的旗舰多模态模型,采用 MoE(混合专家)架构,在保持强大模型能力的同时显著降低了推理成本。00- RRing-2.5-1TRing-2.5-1T:全球首个基于混合线性注意力架构的开源万亿参数思考模型。Python00