简介 CSS 渐变
感知均匀渐变生成
如何使用
创建含多个色标的线性与径向渐变，调整角度与色彩空间，然后复制成品 CSS。
CSS 渐变
0%
100%
线性、径向与锥形渐变
线性渐变沿指定角度的直线混合颜色；径向渐变从中心向外扩散；锥形渐变则围绕中心扫过，像色轮一样。
把每个色标的位置设在 0%–100% 之间，即可控制混合起点和终点，然后复制生成的 CSS。
CSS 输出与性能
CSS 渐变由浏览器直接渲染，不需要图片请求，因此能适应任意分辨率，在高密度屏幕上依然清晰。
大多数界面使用两到三个色标即可。色标过多不会明显增加渲染成本，但会让设计系统难以维护。
常见问题
如何使用生成的渐变？
复制 background 声明并粘贴到 CSS 规则中。修改颜色、角度和色标位置时，预览和代码会同步更新。
应该使用什么角度？
0deg 向上，90deg 向右，180deg 向下。预设按钮可快速切换到常见方向。
渐变可以透明吗？
可以。复制声明后，在 CSS 中使用透明色标或 rgba 值。
渐变在邮件中有效吗？
许多邮件客户端会忽略渐变。请在渐变声明前提供一个纯色回退。