box-shadow、影（シャドウ）の方向、色、透明度について【HTML&CSS】

よく使われる

box-shadow: 右px 下px ぼかしpx  色;

色

カラーコード、カラーネーム、RGB、 RGBAいずれか

#000000（#000）, black, rgb(0,0,0) rgba(0,0,0,0.5)

最小構成は右下

box-shadow: 右px  下px;

左はマイナス（-）をつける
上はマイナス（-）をつける

その他

box-shadow: 右px 下px 色;

box-shadow: 右px 下px ぼかしpx;

box-shadow: 右px 下px ぼかしpx 影を大きくpx;
マイナス（-）で影を小さく

box-shadow:  右px 下px ぼかしpx 影を大きくpx; 色;

box-shadow: 右px 下px ぼかしpx inset;
insetで内側に

box-shadow: 右px 下px ぼかしpx 影を大きくpx; 色, 右px 下px ぼかしpx 影を大きくpx; 色 inset;
コンマ（,）区切りで複数指定可