加勒比HEZYO黑人专区-久久精品国产99国产精品亚洲-精品国产18久久久久久-久久人妻少妇嫩草AV

歡迎光臨 織晶網(wǎng)絡(luò)官網(wǎng)!

  • 服務(wù)支持
  • 020-39182790
服務(wù)支持您現(xiàn)在的位置:首頁(yè) > 服務(wù)支持

box-shadow前端設(shè)計(jì)經(jīng)常用到的圖層陰影效果(上)

作者:織晶網(wǎng)絡(luò)技術(shù)部   發(fā)布于:2014/5/20 9:23:41  點(diǎn)擊量:  來(lái)源:

CSS3的box-shadow有點(diǎn)類似于text-shadow,只不過(guò)不同的是text-shadow是對(duì)象的文本設(shè)置陰影,而box-shadow是給對(duì)象實(shí)現(xiàn)圖層陰影效果。

demo{box-shadow: <取值> <取值> <取值> <取值> <取值> }

對(duì)應(yīng)的:

demo{box-shadow: inset   x-offset  y-offset  blur-radius  spread-radius  color}

注釋為:

css選擇器 {box-shadow:投影方式 X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴(kuò)展半徑 陰影顏色}

box-shadow使用一個(gè)或多個(gè)投影,如果使用多個(gè)投影時(shí)必須需要用英文逗號(hào)“,”分開。  



上一篇:網(wǎng)站后臺(tái)如何劃分模塊(其他)

下一篇:box-shadow前端設(shè)計(jì)經(jīng)常用到的圖層陰影效果(中)