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