2、box-shadow
演示
接下來是非常普遍的box-shadow,可以使你的元素立即美化,只是記得不要把值設(shè)得太離譜
-webkit-box-shadow: 1px 1px 3px #292929; -moz-box-shadow: 1px 1px 3px #292929; box-shadow: 1px 1px 3px #292929;
box-shadow的四個(gè)參數(shù)
x-offset |
x 軸偏移 |
y-offset |
y軸偏移 |
blur |
模糊值 |
color of shadow |
陰影顏色 |
現(xiàn)在,許多人不知道可以一次運(yùn)用多個(gè)box-shadows,這樣做會產(chǎn)生一些有趣的效果。在下圖中,我使用藍(lán)色和綠色陰影來放大一下效果。
演示
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁 你需要熟知10個(gè)的CSS3屬性 [1] 下一頁 你需要熟知10個(gè)的CSS3屬性 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|