--->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)部陰影。 測試