Css 使用某些层在圆内渐变

我正在尝试使用和css实现与下面所附图片相同的效果。除了梯度，我什么都能做到。是否可以不使用任何额外的图形

到目前为止，我的代码是：

---

您可以使用如下伪元素添加它

.custom{
位置：相对位置；
z指数：0；
}
.海关：以前{
内容：“；
位置：绝对位置；
z指数：-1；
排名：0；
左：0；
右：0；
底部：0；
宽度：1米；
保证金：自动；
边界半径：50%；
背景：线性渐变（向右，蓝色，红色）；
变换：比例（0.9）；
}

---

您可以使用如下伪元素添加它

.custom{
位置：相对位置；
z指数：0；
}
.海关：以前{
内容：“；
位置：绝对位置；
z指数：-1；
排名：0；
左：0；
右：0；
底部：0；
宽度：1米；
保证金：自动；
边界半径：50%；
背景：线性渐变（向右，蓝色，红色）；
变换：比例（0.9）；
}

此答案可能有帮助可能重复关于css渐变的答案已经过多了，这是一个重复此答案可能有帮助可能重复关于css渐变的答案已经过多了，这是一个重复