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è)陰影,用逗號隔開;