box-border


--->box-border:

box-shadow: 1.5px 2.598px 9px 0 rgba(0, 0, 0, 0.054);

在項(xiàng)目中看到別人這樣定義標(biāo)頭的陰影,對(duì)第4個(gè)參數(shù)值很好奇,現(xiàn)在知道是spread,可以在w3chool中測試效果。(感覺效果就是將光暈放大)

語法
box-shadow: h-shadow v-shadow blur spread color inset;
注釋:box-shadow 向框添加一個(gè)或多個(gè)陰影。該屬性是由逗號(hào)分隔的陰影列表,每個(gè)陰影由 2-4 個(gè)長度值、可選的顏色值以及可選的 inset 關(guān)鍵詞來規(guī)定。省略長度的值是 0。

值 描述 測試
h-shadow 必需。水平陰影的位置。允許負(fù)值。 測試
v-shadow 必需。垂直陰影的位置。允許負(fù)值。 測試
blur 可選。模糊距離。 測試
spread 可選。陰影的尺寸。 測試
color 可選。陰影的顏色。請(qǐng)參閱 CSS 顏色值。 測試
inset 可選。將外部陰影 (outset) 改為內(nèi)部陰影。 測試


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容