【SCSS/CSS🔰】画像に影を付けたい！box-shadowの付け方

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

box-shadow

box-shadowのパラメータは位置、ぼかし、色の3つあれば設定ができる。

例：box-shadow: 0 7px 25px rgba(#000000, 0.2);

位置はx軸、y軸 この場合x＝0 y＝7px

ぼかしは25px

色はrgba(#000000, 0.2);で黒の透明度20%

X軸が負の値であれば左側に正の値なら右側
y軸が負の値であれば上側に正の値なら下側

に影が付く。