CSS box-shadow

Question

前提・実現したいこと

1は片側のみ、2は左右に影を設定しています

1のbox-shadowで設定された影の大きさ、向き距離などを
同じく2の左右に影に設定したい
詳しい方教えて下さい

該当のソースコード

1
<div style="width:200px;height:200px;background:yellow;box-shadow:-2px 2px 4px blue"></div>

2
<div style="width:200px;height:200px;background:aqua;box-shadow:-30px 0 30px -30px #000000, 30px 0 30px -30px blue"></div>

Comments

[hope_mucci]

質問文から、最終的に表示したい図形のデティールが読み取れません。
こういう図形にしたいという図を添付したらすぐに回答がくるのではないでしょうか。

[m.ts10806]

現時点で何が問題で、それに対し何を取り組み何を調べたのでしょうか