Toolzy

CSS 渐变生成器

可视化创建线性和径向 CSS 渐变。

background: linear-gradient(90deg, #6366f1, #ec4899);

设计带实时预览的 CSS 渐变,并复制可直接使用的背景代码。

使用方法

  1. 选择线性或径向。
  2. 选择颜色和角度。
  3. 复制 CSS。

常见问题

我可以添加更多色标吗?
此生成器使用两个色标;你可以手动扩展复制的 CSS。
CSS 用在哪里?
将其用作 background 或 background-image 属性的值。

相关工具