是否可以使用CSS3和Compass创建此背景效果？

Question

我正在努力将我们的设计师提供的补偿应用到网站上。

我需要为后台创建的效果如下：

它在中心有一个径向，从上到下有一个渐变

是否可以使用CSS3和Compass在一个元素上创建此效果，还是必须使用两个图层构建它？

你能推荐一种更好的方法来创造相同的效果吗？

谢谢！

Answer 1

如果可以使用纯CSS，可以使用Sass / Compass。事实上，它与用纯CSS编写它的方式看起来并没有很大的区别：

.foo {
  @include background(radial-gradient(blue, transparent 10em), linear-gradient(black, white));
}

当然，您需要调整径向渐变以匹配您的图像，但可以这样做。