css - 带有指南针的径向渐变在Firefox中指定大小

Question

我正在尝试使用指南针和径向渐变来制作背景发光效果，当我输入渐变的大小时，它在 chrome 中可以正常工作，但在 Firefox 中没有渲染任何内容。

我为在 chrome 中工作的示例制作了一个 codepen

http://codepen.io/anon/pen/LmkEu

我正在使用的 sass 是

@include background-image(
    radial-gradient(top center, 700px 300px, lighten(red, 20) 40%, red 80%)
    );

有没有办法让它在 Firefox 中工作？如果我将 700px 300px 替换为圆形，但它不是我想要的形状。

Answer 1

我参考了这篇文章，这里是codepen的链接

    @include background(radial-gradient(circle 700px 300px at top center , lighten(red, 20) 40%, red 80%) repeat scroll 0 0 transparent);