1.box-shadow屬性語法
box-shadow 屬性接受值最多由五個不同的部分組成。
box-shadow: offset-x offset-y blur spread color position;
換句說： 物件選擇器
不像其它的屬性，比如 border，它們的接受值可以被拆分為一系列子屬性，box-shadow 屬性沒有子屬性。這意味著記住這些組成部分的順序更加重要，尤其是那些長度值。
2.offset-x
第乙個長度值指明了陰影水平方向的偏移，即陰影在 x 軸的位置。值為正數時，陰影在元素的右側；值為負數時，陰影在元素的左側。
css.left
.right
3.offset-y
第二個長度值指明了陰影豎直方向的偏移，即陰影在 y 軸的位置。值為正數時，陰影在元素的下方；值為負數時，陰影在元素的上方。
.left
.right
4.blur
第三個長度值代表了陰影的模糊半徑，舉例來說，就是你在設計軟體中使用 高斯模糊 濾波器帶來的效果。值為 0 意味著該陰影是固態而鋒利的，完全完全沒有模糊效果。blur 值越大，陰影則更不鋒利而更朦朧 / 模糊。負值是不合法的，會被修正成 0。
.left
.middle
.right
5.spread
第四個長度代表了陰影擴充套件半徑，其值可以是正負值，如果值為正，則整個陰影都延展擴大，反之值為負值是，則縮小。前提是存在陰影模糊半徑。
.left
.middle
.right
6.color
color 部分的值正如你所預料的，是指陰影的顏色。它可以是任意的顏色單元 （見 在 css 中與顏色打交道）。
.left
.right
7.position
此引數是乙個可選值，如果不設值，其預設的投影方式是**影；
如果取其唯一值「inset」,就是將**影變成內陰影，也就是說設定陰影型別為「inset」時，其投影就是內陰影。
.left
.right
box shadow 屬性詳解
值 描述h shadow 必需。水平陰影的位置。允許負值。v shadow 必需。垂直陰影的位置。允許負值。blur 可選。模糊距離。spread 可選。陰影的尺寸。color 可選。陰影的顏色。請參閱 css 顏色值。inset 可選。將外部陰影 outset 改為內部陰影。前兩個值和inset很...
box shadow 詳解及示例
box shadow b ks do 英文示意 box 盒，包廂 shadow 陰影，漸變 定義 box shadow none inset?color 注 示例 1 配合border radius實現圓形陰影 box shadow 20px 10px 5px 0px grey border rad...
CSS3屬性 box shadow測試
容器設定陰影 box shadow 語法 box shadow h shadow v shadow blur spread color inset 以上各屬性值的解析 horizontal 水平 指定水平偏移陰影。正值 即 5px 陰影向右，而為負值 即 10px 將使它偏向左。vertical 垂...