css - 是否可以使用 CSS3 和 Compass 创建这种背景效果？

Question

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

我需要为背景创建的效果如下：

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

是否可以使用 CSS3 和 Compass 在一个元素上创建这种效果，或者我必须使用两层来构建它？

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

谢谢！

Answer 1

如果可以使用纯 CSS，那么可以使用 Sass/Compass。事实上，它看起来与使用纯 CSS 编写它的方式并没有太大不同：

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

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