box-shadow圖層陰影

box-shadow:陰影類型 X水平偏移(可取正負(fù)值) Y垂直偏移(可取正負(fù)值) 陰影大小 陰影擴(kuò)展 陰影顏色值
陰影類型可以省略，默認(rèn)為外投影，當(dāng)它的值為inset時(shí)，為內(nèi)陰影效果。
X水平偏移和Y垂直偏移可取正負(fù)值，當(dāng)X為負(fù)值是投影在左邊，為正時(shí)投影在右邊。當(dāng)Y為負(fù)值時(shí)投影在上面，為正時(shí)投影在下面。
陰影大小和擴(kuò)展與ps里面的原理一樣。

瀏覽器兼容性：
不同的瀏覽器兼容性不同，mozilla內(nèi)核的瀏覽器寫法如下（但新版本的火狐瀏覽器已經(jīng)不需要再添加）：
-moz-box-shadow:陰影類型 X水平偏移(可取正負(fù)值) Y垂直偏移(可取正負(fù)值) 陰影大小 陰影擴(kuò)展 陰影顏色值
webkit內(nèi)核的瀏覽器寫法如下：
-webkit-box-shadow:陰影類型 X水平偏移(可取正負(fù)值) Y垂直偏移(可取正負(fù)值) 陰影大小 陰影擴(kuò)展 陰影顏色值

實(shí)例一：

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表