CSS樣式給按鈕加陰影

2021-07-10 19:18:41 字數 572 閱讀 2871

這個功能我們的css是無法實現的,不過現在的css3還是可以的,通過box-shadow這個屬性來設定,他的引數有:

陰影型別

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

x-offset:陰影水平偏移量

,其值可以是正負值。如果值為正值,則陰影在物件的右邊,其值為負值時,陰影在物件的左邊;

y-offset:陰影垂直偏移量

,其值也可以是正負值。如果為正值,陰影在物件的底部,其值為負值時,陰影在物件的頂部;

陰影模糊半徑

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

陰影擴充套件半徑

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

陰影顏色

:此引數可選。如不設定顏色,瀏覽器會取預設色,但各瀏覽器預設取色不一致,特別是在webkit核心下的safari和chrome瀏覽器下表現為透明色,在firefox/opera下表現為黑色(已驗證),建議不要省略此引數。

這樣就實現了,加陰影的效果。

給console加樣式

剛剛發現乙個比較好玩的東西 在console裡邊加,然後試了一下果然可以,先放下源 console.log c background url no repeat font size 130px line height 50px 其實要說也不難,只是在console裡邊加了一些css樣式.注意 需要用...

iOS給UIview 加陰影加圓角 加邊框

1.加陰影,oc 要匯入框架 import self.view.layer.shadowopacity 0.5 陰影透明度 self.view.layer.shadowcolor uicolor graycolor cgcolor 陰影的顏色 self.view.layer.shadowradius...

vue給按鈕加lodding

在方法的最前面呼叫 const loading this.loading 關閉 close方法 一定要介面返回資料就呼叫,把load關了,不管報沒報錯,都要關 loading.close 如 修改訂單狀態 submitreceive state,row let params put sys orde...