设计

CSS渐变生成器

用两种颜色和角度生成线性或径向CSS渐变并预览。

01数据与设置

计算在浏览器内执行,无需安装软件。

02结果

等待输入
等待输入

输入数据或载入示例,即可在这里查看结果。

工具说明: CSS渐变生成器

用两种颜色和角度生成线性或径向CSS渐变并预览。

处理方式取决于所选格式,请查看说明和示例中的支持字符及语法。

计算方法

linear-gradient(angle, color₁, color₂)

计算示例

模式
线性
第一种颜色
#4f46e5
第二种颜色
#06b6d4
渐变角度,°
135
background: linear-gradient(135deg, #4f46e5, #06b6d4);

常见问题

这个工具能做什么?

用两种颜色和角度生成线性或径向CSS渐变并预览。 处理方式取决于所选格式,请查看说明和示例中的支持字符及语法。

什么影响精度和输入格式?

颜色采用六位HEX,角度仅适用于线性渐变。

计算在哪里执行?

计算在浏览器内执行,无需安装软件。

评论 (0)

分享你的想法——请保持礼貌并围绕主题。

暂无评论。留下评论,分享你的观点!

要发表评论,请先登录。

登录后发表评论