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

时间:2013-03-06 11:21:38

标签: css3 sass compass-sass css

如何使用Compass编写多个背景渐变?这些文档只显示了一次编写单个渐变的示例,除了两年前安静的谷歌小组讨论外,我无法通过Google搜索找到任何相关信息!必须有一种方法可以做到这一点,层叠渐变是我认为很常见的做法!

1 个答案:

答案 0 :(得分:4)

你应该这样写:

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