css - 带 compass 的径向渐变在 Firefox 中指定大小

标签 css firefox sass compass-sass

我正在尝试使用 compass 和径向渐变来制作背景发光效果,它在 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 中工作?如果我用 say circle 替换 700px 300px 它会起作用但它不是我想要的形状。

最佳答案

我引用了这个 article , 这是一个链接到 codepen

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

关于css - 带 compass 的径向渐变在 Firefox 中指定大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16111812/

相关文章:

css - 如何将 SASS 代码编译成 CSS?

javascript - Javascript 引擎中的尾调用优化实现

css - 如何将sass文件保存在不同的位置?

jquery - Asual jQuery Address 在 Firefox 中存在错误?

php - Firefox 用百分号替换图像 URL 斜杠

html - 如何在可变大小的 block 中居中放置文本?

css - 如何让子元素/组件忽略其父元素的大小?

css - 将文本从 BreadCrumb 移到左侧

html - 如何在每个重复打印页面上正确获取背景图像?

javascript - 如何自定义 Siebel Open UI?