CSS3 box-shadow:
瀏覽器參照基準(zhǔn)：Firefox4 and Later, Chrome5 and Later, Safari5 and Later, Opera10.53 and Later, IE9.0 and Later
內(nèi)陰影效果（偏移值都為正）：
#box-shadow{ -moz-box-shadow:5px 5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:5px 5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:5px 5px 5px #999 inset; /* For Latest Opera */ }內(nèi)陰影效果（偏移值都為負(fù)）：
#box-shadow2{ -moz-box-shadow:-5px -5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:-5px -5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:-5px -5px 5px #999 inset; /* For Latest Opera */ }內(nèi)陰影效果（水平偏移為負(fù)，垂直偏移為負(fù)）：
#box-shadow3{ -moz-box-shadow:-5px 5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:-5px 5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:-5px 5px 5px #999 inset; /* For Latest Opera */ }內(nèi)陰影效果（水平偏移為正，垂直偏移為負(fù)）：
#box-shadow4{ -moz-box-shadow:5px -5px 5px #999 inset; /* For Firefox3.6+ */ -webkit-box-shadow:5px -5px 5px #999 inset; /* For Chrome5+, Safari5+ */ box-shadow:5px -5px 5px #999 inset; /* For Latest Opera */ }* 還可以試試把某個(gè)偏移值設(shè)置為0，這時(shí)陰影的效果就只是單邊的
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。