如何在CSS中更改径向渐变的曲线？

我正试图达到这个梯度。我不明白的是它的曲率，我不确定如何复制它：

到目前为止，我所拥有的：

我的梯度代码是：

radial-gradient(at top left,#629a92 36%,#02d2a0 67%, #fff 11%)

---

然而，我不确定这是如何延伸到屏幕的尽头的。我以前很少使用径向梯度，所以我觉得我遗漏了什么。任何帮助都将不胜感激。谢谢。

您还需要调整渐变的背景大小：

正文{
高度：100vh；
保证金：0；
背景图像：径向梯度（左上角，#629a92 36%，#02d2a0 67%，透明67.5%）；
背景大小：120%100%；
背景重复：无重复；
}

如果仔细观察，它不是径向渐变。它是径向形状内部的线性渐变。如果我是你，我会做一个SVG形状，我的只是作为示例，并将其应用于渐变

像这样：

正文{
保证金：0；
}
svg{
宽度：0；
身高：0；
显示：块；
}
梅因先生{
宽度：100%；
高度：100vh；
位置：相对位置；
}
梅因：以前{
内容：''；
位置：绝对位置；
溢出：隐藏；
宽度：100%；
身高：100%；
背景#51a595；
背景：线性梯度（135度，#51a595 0%，#3fcfa2 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#51a595'，endColorstr='#54bb9b'，GradientType=1）；
-webkit剪辑路径：url（“掩码”）；
剪辑路径：url（“掩码”）；
}

---

查看屏幕上的径向渐变，在左上角的

之前可以取2个百分比作为其大小。我们可以使第一个大于100%，这样它将延伸到x轴上的屏幕之外，并将第二个大于100%，这样它将在底部结束

radial-gradient(
  200% 100% at top left,
  #629a92 36%,
  #02d2a0 67%,
  #fff 11%
);

这将导致你所寻找的


.head{
宽度：100%；
高度：200px；
背景：径向梯度(
左上角200%100%，
#629a92 36%，
#02d2a0 67%，
#fff 11%
)
}
.身体{
高度：200px；
宽度：100%；
}

你检查过你要复制的站点的源代码了吗？也许SVG会更好。@jhpratt这是给我的设计。它在Firefox和IE中有一个非常明显的阶梯形边缘。@TylerH yes fixed，这是因为最后一个颜色停止，这是一个屏幕截图，我的意思是，我想这就是Firefox和IE如何实现径向渐变。@TylerH是的，因为渐变没有反序列化，要解决这个问题，我们需要在最后一个颜色停止之间保持一个小的差异，应该没问题now@Spacebear5000如果你需要曲线形状的线性渐变，我已经更新了我的答案；）