99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

這篇文章給大家分享的是有關(guān)CSS3中如何實(shí)現(xiàn)圖層陰影和文字陰影效果的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司專注于陳倉網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供陳倉營銷型網(wǎng)站建設(shè)，陳倉網(wǎng)站制作、陳倉網(wǎng)頁設(shè)計(jì)、陳倉網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造陳倉網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供陳倉網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

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í)例一：