渐变背景生成器

一个简洁优雅的在线渐变背景生成工具，可以快速创建和下载渐变背景图片。

预览地址：https://bg.diyun.site/

✨ 特性

• 🎨 精选渐变预设

  • 多种精心设计的渐变配色方案
  • 支持一键应用预设效果

• 🔧 自定义选项

  • 自定义渐变颜色
  • 可调节渐变角度（0-360度）
  • 自定义输出尺寸
  • 支持多种图片格式（PNG/JPEG/WebP）

• 👀 实时预览

  • 即时查看渐变效果
  • 真实比例预览
  • 网格背景辅助显示

🚀 快速开始

1. 选择渐变效果

   • 点击预设渐变直接应用
   • 或使用颜色选择器自定义颜色

2. 调整参数

   • 拖动滑块调节渐变角度
   • 设置输出图片尺寸
   • 选择期望的图片格式

3. 下载图片

   • 点击"下载背景图片"按钮即可保存

🛠️ 技术栈

• HTML5
• CSS3
• JavaScript
• TailwindCSS
• Remix Icon

💻 本地使用

1. 克隆项目

git clone https://github.com/DemoJ/gradient-generator.git

2. 打开项目 cd gradient-generator

3. 运行

• 直接在浏览器中打开 index.html 文件
• 或使用 Live Server 等工具启动本地服务器

🌍 浏览器支持

• Chrome (推荐)
• Firefox
• Safari
• Edge

📝 注意事项

• WebP 格式在部分浏览器可能不受支持
• 大尺寸图片生成可能需要较长时间
• 建议使用现代浏览器以获得最佳体验

👤 作者

diyun

• Website: diyun.site
• GitHub: @DemoJ

🙏 致谢

感谢AI编程