CSS 径向渐变生成器
直观地构建 CSS 渐变：线性、径向或圆锥类型、角度滑块和多达六个色标，并具有实时全角预览和可复制代码。
处理中...
0%
结果
此页面打开渐变生成器，其中已选择径向类型：颜色从元素中心以同心圆向外辐射，您更改的每个停止点都会立即重新绘制预览。
Radial-gradient() 是用于聚光灯和发光效果、柔和的晕影以及需要焦点而不是方向的背景的工具。以百分比表示的停止位置映射到距中心的距离 - 0% 是中间，100% 是远边缘 - 因此收紧第一个停止会产生一个小的明亮核心，展开它们会产生一个宽的洗涤。
一旦预览看起来正确，就复制背景线。角度滑块在此模式下隐藏，因为圆没有方向 - 切换回线性或圆锥形，它会重新出现。