弯曲的线性渐变背景？

Question

请原谅我糟糕的绘画，但我真的不知道如何描述我正在寻找的东西。我目前有一个背景使用线性渐变的盒子

`linear-gradient(330deg, white 30%, grey 45%, white 0)`

看起来和可怕的插图很相似。然而，我的项目需要一个轻微的曲线，线性渐变显然无法提供。有没有办法改变线性渐变，使对角线上有一条轻微的曲线？

我有：linear-gradient through box

我需要的是：curve through box

Answer 1

尝试使用 radial-gradient 而不是 linear-gradient。如果你稍微玩一下它，你可能会达到你想要的

了解有关 radial-gradient 的更多信息：

Answer 2

这是你想做的吗

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Document</title>
<style>
  div {
    background-image: radial-gradient(
      ellipse farthest-side at 92% 378%,
      #9fa4a9 21%,
      #7b7b7b 100%,
      #3e3f40 35%
    );
    width: 421px;
    height: 150px;
  }
</style>
</head>
<style></style>
<body>
<div></div>
</body>
</html>

弯曲的线性渐变背景？

Curved linear-gradient background?

css

gradient