CSS之shasow（陰影）

標籤：

參考https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

box-shadow屬性向框添加一個或多個陰影。文法先上：

box-shadow: h-shadow v-shadow blur spread color inset;

解釋一下：

陰影類型 X軸位移 Y軸位移 陰影大小 陰影擴充 陰影顏色;

其中X和Y是必須選的，其他可選。

在設定box-shadow時可以各式各樣，非常漂亮，我們舉些栗子：

0.5em 0.5em 0.4em gold, -0.5em 0.5em 0.4em lime, -0.5em -0.5em 0.4em blue;0 0 0 0.5em;0 0 1em;inset 0 -1.1em red;inset 0 2em 3em -1em green;0.4em 0.4em 1em olive;0 1.5em 0.5em -1em olive;border-radius: 50%; box-shadow: inset 0.3em 0.3em 0.9em black; 冷的鋒刃

CSS之shasow（陰影）