CSS渐变生成器
0%
100%
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
预设渐变
💡 这个位置等你来 — 软广告位 / 友情链接 / 合作开发 正在开放中 查看价格

📘 使用说明

  1. 拖动滑块调整角度 / 类型(linear / radial)
  2. 添加 / 删除色标,每个色标可独立设置位置 % 与颜色
  3. 底部代码框输出 CSS,可一键复制到样式表

❓ 常见问题

Q: 支持 conic-gradient 吗?
A: 支持。切换到「conic」模式后可调整起始角度,常用于环形进度 / 仪表盘背景。
Q: 能导出兼容旧浏览器的代码吗?
A: 可以。勾选「带 -webkit- 前缀」会同时输出 webkit / 标准两种语法。
👉 下一步 🏆 看看周榜热门 🧩 工作流中心 🔍 全部工具分类