CSS box-shadowとは
box-shadowは、HTML要素に影（シャドウ）を追加するCSSプロパティです。画像を使わずにCSSコードだけで立体感や奥行きを表現できるため、Webデザインに欠かせない技術です。
box-shadowのパラメーター
box-shadowは「横オフセット 縦オフセット ぼかし 広がり 色」の順で指定します。横・縦オフセットは影の位置、ぼかしは境界のぼやけ具合、広がりは影のサイズ、色はRGBAで透明度を含めて指定できます。
inset（内側の影）
insetキーワードを付けると、要素の外側ではなく内側に影が描画されます。フォーム入力欄の凹み表現や、ボタンが押された状態の表現に適しています。
複数の影の重ね合わせ
box-shadowはカンマ区切りで複数指定でき、影を重ね合わせることができます。ニューモーフィズムデザインでは、明るい影と暗い影を組み合わせて立体的な質感を表現します。