使用Bourbon的单个元素上的多个阴影框

我想在单个元素上放置两个阴影框。以下不工作：使用Bourbon的单个元素上的多个阴影框

@include box-shadow(1px 1px 488px 1px rgba(0, 0, 0, 0.12) inset); 
@include box-shadow(4px 4px 4px 1px rgba(0, 0, 0, 0.28));

并非没有提供一个逗号分隔框的阴影列表插入到box-shadow混入（只需要一个参数）。我怎样才能做到这一点？我使用的是Boubon gem，但是直接的CSS解决方案也不错。

2012-08-22 bevanb

见链接，如何做到这一点

它的要点是用逗号分隔的人去尝试，我知道你说你想这已经但也许仔细检查他们所建议的语法在链接的答案？

2012-08-22 20:29:51

Bourbon's box-shadow mixin has been deprecated由于前缀浏览器的用法已降至阈值以下。只要使用正规的醇” CSS：

box-shadow: 
    1px 1px 488px 1px rgba(0, 0, 0, 0.12) inset, 
    4px 4px 4px 1px rgba(0, 0, 0, 0.28);

侧面说明：我会留意使用这种大规模的模糊半径;在较慢的机器上性能可能会非常差。如果您将它用作巨大的背景渐变，最好将该渐变添加为另一个背景linear-gradient图层。

2013-06-12 08:04:27 iono

回答