🌈
CSS 渐变生成器
可视化生成CSS线性渐变和径向渐变
今日使用额度
今日免费次数已用完
今日已使用 10 / 10 次
登录后可获得更多每日使用次数；升级 Pro 会员可无限使用全部工具。
每日 00:00 自动重置，次日可继续免费使用
📖 使用说明
CSS 渐变生成器使用说明
功能简介
可视化生成 CSS 线性渐变和径向渐变，实时预览效果并一键复制 CSS 代码。
使用方法
注意事项
❓ 常见问题
可以复制 CSS 代码吗？
可以，点击「复制 CSS」即可复制生成的渐变代码。
支持径向渐变吗？
支持，可选择线性渐变或径向渐变两种类型。
这个工具免费吗？
完全免费，无需注册。
📝 相关文章
tool-tutorials
免费好用的在线工具集合：文字处理、图片编辑、AI 写作、格式转换，即开即用
临时要合并一份 PDF、给图片去个背景、把一段中文润色成商务英文、把 Markdown 转成 Word、用 AI 起一个公众号标题——这些事如果都要装软件，电脑迟早变成垃圾场。
tool-tutorials浏览器里的“瑞士军刀”：免费好用的在线工具集合，如何让文字、图片、AI 与格式转换即开即用
打开浏览器，输入网址，文件拖进去，结果下载回来，一条流水线在网页里几秒钟跑完。免费、免安装、即开即用，正在成为普通人处理数字杂务的默认方式。
tool-tutorials体检报告上的BMI，到底骗了多少人
体检报告上的BMI指数，其实是个一百多年前的简单公式，它最大的盲区是分不清肌肉和脂肪的重量。一个浑身肌肉的健身教练可能被标成“超重”，而一个体脂超标的“瘦子”却显示正常。文章用生活案例拆解BMI的局限性，提醒大家真正该关注的是体脂率和腰围，别被一个数字安慰或吓唬住。
tool-tutorialsJSON 格式化工具：让数据一目了然的必备开发利器
JSON 格式化工具是开发者必备利器。了解 JSON 格式化的核心功能，包括美化、压缩、语法验证和树形视图，提升日常开发效率。