css - 径向渐变 CSS 原点在顶部，而不是在中心

Question

我正在尝试径向渐变，但无法获得我想要的效果。

我尝试使用 colorzilla gradient generator但他们总是将渐变居中。我已经尝试过自己对其进行变换，但我不知道是否可以选择更改渐变的原点。我希望原点水平位于中间但垂直位于顶部。

我尝试了以下但没有成功:

background: -webkit-radial-gradient(center, ellipse cover at 50% 0px, $center 0%,$outer 70%);
background: -webkit-radial-gradient(top center, ellipse cover, $center 0%,$outer 70%);

下面是我试图模拟的效果:

Answer 1

感谢 Harry，我找到了答案。如果这对这里的任何人有帮助，这就是我用来获得这种渐变效果的方法，它似乎适用于除 IE9 之外的所有浏览器，当然......

background: -webkit-gradient(radial, 50%, 0, color-stop(0%,#ffffff), color-stop(70%,#b7b7b7));