inset：預設陰影在邊框外。使用 inset 後，陰影在邊框內（即使是透明邊框），背景之上內容之下。也有些人喜歡把這個值放在最後，瀏覽器也支援。

<offset-x> <offset-y>：這是頭兩個 <length>值，用來設定陰影偏移量。<offset-x> 設定水平偏移量，如果是負值則陰影位於元素左邊。 <offset-y> 設定垂直偏移量，如果是負值則陰影位於元素上面。可用單位請檢視 <length>。如果兩者都是0，那麼陰影位於元素後面。這時如果設定了 <blur-radius> 或 <spread-radius>

<blur-radius>：這是第三個 <length> 值。值越大，模糊面積越大，陰影就越大越淡。 不能為負值。預設為0，此時陰影邊緣銳利

<spread-radius>：這是第四個 <length> 值。取正值時，陰影擴大；取負值時，陰影收縮。預設為0，此時陰影與元素同樣大。

<color> : 相關事項檢視 <color> 。如果沒有指定，則由瀏覽器決定——通常是color的值，不過目前Safari取透明。

四邊內陰影：

box-shadow:inset 0px 0px 5px 1px #000;

三邊內陰影（上左右）：

box-shadow:inset 0 1px 2px 1px #000;

四邊外陰影：

box-shadow:0 0 10px #000;

外陰影（右下）：

box-shadow:2px 2px 5px #000;

外陰影擴大（四邊）：

box-shadow:0 0 5px 15px #000;

外陰影半透明（四邊）：

box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);

---------------------------------------------------------------------------------------

單邊陰影

單邊內陰影（上）：

box-shadow:inset 0px 15px 10px -15px #000;

單邊內陰影（右）：

box-shadow:inset -15px 0px 10px -15px #000;

單邊外陰影（下）：

box-shadow:0px 12px 8px -12px #000; border-radius:10px;

單邊下陰影（右）：

box-shadow:3px 0 8px -4px #000;

單邊細線（下）（陰影寫border）：

box-shadow: inset 0px -1px 0px 0px rgb(0, 0, 0) ;

--------------------------------------------------------------------

雙邊陰影

上下邊內陰影：

box-shadow:inset 0px 15px 15px -15px #000,
　　inset 0px -15px 15px -15px #000;

左右邊外陰影：

box-shadow:15px 0 15px -15px #000,
　　-15px 0 15px -15px #000;

多層陰影：

box-shadow:0px 0px 0px 3px #bb0a0a,
　　0px 0px 0px 6px #2e56bf,
　　0px 0px 0px 9px #ea982e;

----------------------------------------------------------------------

文字陰影： text-shadow

text-shadow: 1px 5px 5px rgba(26, 23, 23, 0.7);

x方向陰影的位移，y方向上陰影的位移， 陰影的模糊程度，陰影的顏色和其透明度

--------------------------------------------------------------------

不規則陰影：

https://www.html.cn/qa/css3/13128.html

-----------------------------------------------------------------------

參考

https://www.html.cn/archives/9360/

https://blog.csdn.net/weixin_43207025/article/details/98525655

https://codersblock.com/blog/creating-glow-effects-with-css/