使用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

回答