css - 使用指南针的多个背景渐变

Question

如何使用 Compass 编写多个背景渐变？文档仅显示一次编写单个渐变的示例，除了两年前安静的谷歌小组讨论外，我无法通过谷歌搜索找到任何关于它的内容！一定有办法做到这一点，因为我认为分层渐变是很常见的做法！

Answer 1

你应该像这样写它们：

div{
  @include background( linear-gradient(top left, #333, rgba(1,1,1, .3)),
                       radial-gradient(#c00, #fff 100px));
}

来源：http ://compass-style.org/reference/compass/css3/images/

（丑陋但有效）示例：http ://codepen.io/nobitagit/pen/cFjkv