1. 程式人生 > >box-shadow屬性的引數設定取值

box-shadow屬性的引數設定取值

陰影型別:此引數可選。如不設值,預設投影方式是外陰影;如取其唯一值“inset”,其投影為內陰影;

X-offset:陰影水平偏移量,其值可以是正負值。如果值為正值,則陰影在物件的右邊,其值為負值時,陰影在物件的左邊;

Y-offset:陰影垂直偏移量,其值也可以是正負值。如果為正值,陰影在物件的底部,其值為負值時,陰影在物件的頂部;

陰影模糊半徑:此引數可選,,但其值只能是為正值,如果其值為0時,表示陰影不具有模糊效果,其值越大陰影的邊緣就越模糊;

陰影擴充套件半徑:此引數可選,其值可以是正負值,如果值為正,則整個陰影都延展擴大,反之值為負值時,則縮小;

陰影顏色:此引數可選。如不設定顏色,瀏覽器會取預設色,但各瀏覽器預設取色不一致,特別是在webkit核心下的safari和chrome瀏覽器下表現為透明色,

在Firefox/Opera下表現為黑色(已驗證),建議不要省略此引數。