色标
CSS
background: #ff7ac6; background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);
第一行是纯色，供无法显示渐变的老旧设备使用。
从预设开始
在您的设备上生成。
为什么选择CSS 渐变生成器
- 完全免费
- 想用多少次都可以。无需注册，没有水印，无需安装。
- 隐私至上
- 您输入的内容只保留在浏览器中，绝不会发送给我们。
- 适用于任何设备
- 可在 Windows、Mac、Linux、Android 和 iPhone 的浏览器中运行，无需安装应用。
如何使用CSS 渐变生成器
- 选择线性、径向或锥形，并设置方向。
- 选择颜色，并将每个色标拖到合适位置。
- 复制 CSS，或将渐变下载为图片。
常见问题
- 如何使用这段 CSS？
- 将它粘贴到要上色元素的样式规则中。第一行是纯色后备，第二行是渐变。
- 线性、径向和锥形渐变有什么区别？
- 线性沿直线过渡，径向从中心向外扩散，锥形则像色环一样围绕中心旋转。
- 可以使用透明度吗？
- 可以。在色标中输入 rgba(47, 91, 255, 0.5) 这样的颜色即可。
- 会上传任何内容吗？
- 不会。渐变在您的设备上生成。
- CSS 渐变生成器免费吗？
- 是的。可以免费使用，无需注册，也无需安装。