简介 网格渐变
多层径向渐变，导出 CSS 与 SVG
如何使用
设计平滑的多点网格渐变，并导出为 CSS 或 SVG 用于你的界面。
网格渐变
在底色上叠加四层径向渐变，预览与 CSS 同步更新。
什么是网格渐变
多个径向渐变叠加在底色上，每种颜色在自己的位置淡出为透明，形成柔和自然的过渡，而没有单一方向感。
由于各层相互独立，移动一个中心不会改变整体构图。
CSS 与 SVG 输出
CSS 版本使用 background-image 叠加四层 radial-gradient，现代浏览器均支持。SVG 版本是单个可移植文件，适合设计工具与印刷。
常见问题
为什么是四种颜色？
四个中心足以让首屏和卡片有层次，又不会显得浑浊。需要更多层次时可直接编辑导出代码。
如何保证文字可读？
把文字放在平静的区域，加一层半透明面板，再用对比度工具检查。
网格渐变兼容性如何？
CSS 分层径向渐变支持广泛。极旧的浏览器可能只显示底色。