🌈 CSS 渐变生成器
可视化生成 线性 / 径向 / 锥形 渐变,调整颜色断点与角度,实时预览并一键复制 CSS。全部在浏览器本地运行。
类型与预览
CSS 代码
background: linear-gradient(90deg, #2fbfa4 0%, #5b8def 100%);
💡 角度 0deg 表示从下向上,90deg 从左向右(CSS 标准方向)。锥形渐变的「从角度」同样以 12 点钟方向为 0°。
可视化生成 线性 / 径向 / 锥形 渐变,调整颜色断点与角度,实时预览并一键复制 CSS。全部在浏览器本地运行。
background: linear-gradient(90deg, #2fbfa4 0%, #5b8def 100%);