在CSS中,可以使用box-shadow
屬性來創(chuàng)建PS中的陰影效果。box-shadow
屬性接受四個值,分別表示陰影的偏移量、模糊半徑、顏色以及是否填充。
以下代碼將在元素上創(chuàng)建一個向右偏移20像素、模糊半徑為10像素、顏色為黑色的陰影,并且不填充陰影區(qū)域:
element { box-shadow: 20px 10px 0px 0px #000; }
20px
表示陰影向右偏移20像素,10px
表示模糊半徑為10像素,0px 0px
表示不填充陰影區(qū)域,#000
表示顏色為黑色。
如果想要填充陰影區(qū)域,可以將***后一個值設(shè)置為fill
,
element { box-shadow: 20px 10px 0px 0px #000, 0 0 10px 5px #f00; }
這段代碼將在元素上創(chuàng)建兩個陰影效果,***個陰影向右偏移20像素、模糊半徑為10像素、顏色為黑色,第二個陰影填充區(qū)域顏色為紅色。
需要注意的是,box-shadow
屬性的值可以根據(jù)需要進(jìn)行調(diào)整,以達(dá)到不同的陰影效果,也可以結(jié)合其他CSS屬性來進(jìn)一步優(yōu)化元素的設(shè)計。