1. 程式人生 > >盒子陰影——Box-shadow

盒子陰影——Box-shadow

strong 半徑 類型 web 設定 chrome瀏覽器 瀏覽器 可選 tro

box-shadow:陰影水平偏移量 陰影垂直偏移量 陰影模糊半徑 陰影擴展半徑 陰影顏色

box-shadow屬性的參數設置取值:

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

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

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

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

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

陰影顏色:此參數可選。如不設定顏色,瀏覽器會取默認色,但各瀏覽器默認取色不一致,特別是在webkit內核下的safari和chrome瀏覽器下表現為透明色,在Firefox/Opera下表現為黑色(已驗證),建議不要省略此參數。

盒子陰影——Box-shadow