html - セクションの背景の影

Question

要求されたスタイルはここにあります (画像):

そして、開発されたものがここにあります（画像）：

次のスタイルを使用しましたが、要求されたものとは異なります。

<section style="box-shadow: 0px 2px 16px #999;">
My content
</section>

box-shadow を使用して値を変更する必要がありますか、それとも css3 が使用できる別の属性がありますか?

Answer 1

アルファ チャネルで RGB を使用してみてください。

box-shadow: 0px 2px 4px rgba(0,0,0,0.2);

これにより、影が黒 (#000000) になり、不透明度は 0.2 (20%) になります。

JSFiddleに、あなたが示したものに近い例を示します。

のブラウザ サポートを確認してくださいrgba()。