Css 调整中心径向渐变的半径

我正在重新设置当前项目的样式，并找到了一种简单的方法来淡入div背景的左边缘和右边缘，方法如下。我一直在尝试编辑中心圆的半径，使其变小。如果整个渐变风格不消失，我似乎无法改变它

我试图将黄色区域设置为文本的背景，使其逐渐淡入透明。我需要做什么才能得到更透明、颜色更少的圆形

---

调整径向渐变半径的方法是指定颜色停止百分比。也就是说，我们需要指定一种颜色的结束位置和另一种颜色的开始位置

在您提到的渐变中，没有提到颜色停止百分比，因此从元素中心绘制的每个圆都有一个从

#ffeda3

到透明的颜色

background-image: radial-gradient(center center, circle cover, #ffeda3, transparent);

---

可能的解决方案 现在，根据您希望实际渐变的外观，您可以使用我在以下代码段中提供的三种方法中的任意一种：

div.hard-stop{
文本对齐：居中；
背景图像：-莫兹径向梯度（中心，圆盖，#ffeda3 30%，透明30%）；
背景图像：-webkit径向渐变（中心，圆形覆盖，#ffeda3 30%，透明30%）；
背景图像：径向梯度（中心，圆盖，#ffeda3 30%，透明30%）；
}
第1分部{
文本对齐：居中；
背景图像：-莫兹径向梯度（中心，圆盖，#ffeda3，透明30%）；
背景图像：-webkit径向渐变（中心，圆盖，#ffeda3，透明30%）；
背景图像：径向渐变（中心，圆盖，#ffeda3，透明30%）；
}
第2分部{
文本对齐：居中；
背景图像：-莫兹径向梯度（中心，圆盖，#ffeda3 30%，透明35%）；
背景图片：-webkit径向渐变（中心，圆形覆盖，#ffeda3 30%，透明35%）；
背景图像：径向梯度（中心，圆盖，#ffeda3 30%，透明35%）；
}
/*只是为了演示*/
身体{
背景：黑色；
}
div{
边缘底部：20px；
}

@Harry哈哈，没问题，兄弟！：）完美答案！似乎很难找到一个像样的解释和例子，我可以理解。最终选择了渐变-2，并改变了花哨的颜色：）

background-image: radial-gradient(center center, circle cover, #ffeda3, transparent);