box-shadow和text-shadow

text-shadow:文字陰影

text-shadow : x offset | y offset | blur | color ;

語法:

text-shadow:[顏色(Color) x軸(X Offset) y軸(Y Offset) 模糊半徑(Blur)],[顏色(color) x軸(X Offset) y軸(Y Offset) 模糊半徑(Blur)]

取值:

<length>:長度值,可以是負(fù)值。用來指定陰影的延伸距離。其中X Offset是水平偏移值,Y Offset是垂直偏移值
<color>:指定陰影顏色,也可以是rgba透明色
<shadow>:陰影的模糊值,不可以是負(fù)值,用來指定模糊效果的作用距離。

說明:

可以給一個(gè)對象應(yīng)用一組或多組陰影效果,方式如前面的語法顯示一樣,用逗號隔開。

box-shadow:盒子陰影(屬性向框添加一個(gè)或多個(gè)陰影)

語法:

box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow
必需。水平陰影的位置。允許負(fù)值。

v-shadow
必需。垂直陰影的位置。允許負(fù)值。

blur
可選。模糊距離。

spread
可選。陰影的尺寸。

color
可選。陰影的顏色。請參閱 CSS 顏色值。

inset
可選。將外部陰影 (outset) 改為內(nèi)部陰影。

可以給一個(gè)元素設(shè)置一個(gè)或多個(gè)陰影,用逗號隔開;

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

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

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