ボックスシャドウのプロパティを作成して、CSSスタイルを取得します。
スライダーとカラーピッカーを使用して値を設定し、目的の効果が得られるまでライブプレビューを確認します。右下のシフト、スプレッド、ぼかし、不透明度、色を選択します。
プレビューの背景とオブジェクトのカスタムカラーを選択します。
複数のボックスシャドウを追加する
Webブラウザーを使用すると、デザインに複数の影を追加できます。このオンラインツールも同様です。[新規追加]ボタンを使用して、現在の行を保存し、新しい行を設定します。
CSS構文
box-shadow: none|<em>h-offset v-offset blur spread color </em>|inset|initial|inherit;注： 要素に複数の影を付けるには、影のコンマ区切りリストを追加します（以下の「自分で試す」の例を参照）。
