0

1つの要素に2つのボックスシャドウを配置したいと思います。以下は機能しません。

@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（引数は1つだけです）。どうすればこれを達成できますか？私はブボンの宝石を使用していますが、CSSのストレートソリューションでも問題ありません。

4

2 に答える 2

1

これを行う方法については、リンクを参照してください

1 つの要素に 2 つの CSS3 ボックス シャドウを使用する方法はありますか?

その要点は、コンマ区切りのものを使用してみることです。すでにこれを試したと言っていましたが、リンクへの回答で提案されている構文を再確認してください。

于 2012-08-22T20:29:51.510 に答える
0

Bourbon のbox-shadowmixin は、ブラウザーのプレフィックスの使用がしきい値を下回ったため、廃止されました。通常の古い 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-12T08:04:27.170 に答える