webgradients

### 💡 核心功能
WebGradients 是一个专注于提供高颜值CSS渐变色的免费在线工具库。其核心功能是收录并展示 **180个精心设计的线性渐变**，每个渐变都拥有一个富有诗意的名称（如“暖焰”、“夜逝”、“春暖”），并附带直观的预览。用户可以一键复制生成好的 **跨浏览器兼容的CSS3代码**，极大简化了前端开发中渐变背景的实现。此外，工具还提供了 **PNG格式** 的渐变图片下载，以及为 **Sketch和Photoshop** 等设计软件准备的资源包，方便设计师在原型和UI设计阶段直接调用。

### 🎯 适用场景
该工具主要服务于**网页开发者**和**UI/UX设计师**。对于开发者而言，当需要为网站的背景、按钮、卡片或其他UI组件添加美观的渐变效果时，可以直接从WebGradients中选取合适的配色方案并复制代码，节省了手动调试颜色和编写代码的时间。对于设计师来说，PNG和设计软件资源包使其能够在Figma、Sketch或Photoshop等工具中快速应用这些渐变作为设计元素或背景，提升视觉稿的美观度和设计效率。无论是个人项目、商业网站还是移动应用的界面设计，WebGradients都能提供即拿即用的高质量色彩解决方案。

### ⚙️ 技术亮点
1. **原生CSS3实现**：所有渐变均使用标准的CSS3 `linear-gradient` 函数生成，代码简洁、语义化，并且经过了**跨浏览器兼容性处理**，确保在主流浏览器中渲染效果一致。
2. **零依赖与轻量级**：作为纯粹的资源库，网站本身无需复杂的JavaScript框架，加载速度快，用户体验流畅。
3. **多格式输出支持**：除了核心的CSS代码，还提供**PNG静态图片**和**主流设计文件格式（.sketch, .psd）**，满足了从设计到开发全流程的多样化需求。
4. **开放的许可协议**：明确标注为“免费供商业或个人使用”，降低了项目的版权风险，鼓励社区广泛采用和分享。
5. **社区驱动与易集成**：网站结构清晰，渐变以网格列表形式呈现，支持快速预览和复制，其设计哲学（如命名和分类）体现了对设计美学和开发实用性的双重考量，易于集成到任何现代Web项目或设计工作流中。