CSS3屬性box-shadow使用指南
發(fā)布時間：2014-12-09 17:15:34 作者：佚名 
我要評論
我要評論這篇文章主要介紹了CSS3屬性box-shadow使用指南,需要的朋友可以參考下
今天比較忙，沒能好好看新東西，就記錄一個常用的CSS3屬性吧：box-shadow，表示陰影，如果設(shè)置了border-radius圓角，則陰影也是圓角
box-shadow目前是IE9及以上和其他現(xiàn)代瀏覽器都支持的屬性了。
語法：
Formal syntax: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] ]#
取值：
inset: 表示陰影在邊框內(nèi)部（即使是無邊框），在背景之上，內(nèi)容之下；
offset-x 和 offset-y: 偏移量，正值表示向左和向下；
blur-radius: 模糊半徑，默認(rèn)0，不能為負值；
spread-radius: 取正值陰影擴大，取負值縮小，默認(rèn)為0.
color: 顏色，所未定義則由瀏覽器確定。
相關(guān)文章
- 這篇文章主要介紹了CSS3中box-shadow的用法,改方法即是作一個盒裝區(qū)域的陰影效果,需要的朋友可以參考下2015-07-15
CSS3新屬性transition-property transform box-shadow實例學(xué)習(xí)
本文將為大家介紹下CSS3新屬性transition-property transform box-shadow的使用，感興趣的朋友可以參考下哈，希望對你學(xué)習(xí)css3有所幫助2013-06-06CSS3基礎(chǔ)(RGBa、text-shadow、box-shadow、border-radius)
本文介紹CSS 3部分新屬性基礎(chǔ)，包括RGBa、text-shadow、box-shadow、border-radius。這些屬性通常用來增強網(wǎng)頁布局和美譽度。（譯者注：在支持CSS3的瀏覽器如Firefox、Safa2012-11-13- CSS3的box-shadow屬性可以讓我們輕松實現(xiàn)圖層陰影效果。我們來實戰(zhàn)詳解一下這個屬性2012-01-21
- 你在使用box-shadow來實現(xiàn)陰影效果的時候，有沒有注意到有些情況下，陰影并不是透明的效果2011-08-28
CSS text-shadow，box-shadow，border-radius屬性
篇文章將對 CSS 的幾個新屬性 (text-shadow，box-shadow，and border-radius) 做基本介紹。這些 CSS3 屬性通常用來加強頁面布局。2010-03-09Photoshop投影與CSS中box-shadow的轉(zhuǎn)換
box-shadow是給元素塊添加周邊陰影效果，本文給大家介紹Photoshop投影與CSS中box-shadow的轉(zhuǎn)換，對css中box shadow相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-11-27