上一次我們講了text-shadow屬性的發(fā)展歷史，它能達到一個什么效果，運用它有什么好處，最后還講了text-shadow語法。
今天我們主要講一下text-shadow屬性的取值各代表什么含義：
如下圖所示：
text-shadow：2px  3px  4px  #000; 
(注：其中2px是X-Offset取值，3px是Y-Offset取值，4px是Blur取值，#000是Color是的取值；）

那么X-Offset，Y-Offset，Blur，Color各代表什么意思呢？
X-Offset表示陰影的水平偏移距離，其值為正值時陰影向右偏移，如果其值為負值時，陰影向左偏移；Y-Offset是指陰影的垂直偏移距離，如果其值是正值時，陰影向下偏移反之其值是負值時陰影向頂部偏移；Blur是指陰影的模糊程度，其值不能是負值，如果值越大，陰影越模糊，反之陰影越清晰，如果不需要陰影模糊可以將Blur值設置為0；Color是指陰影的顏色，其可以使用rgba色。

上一篇：前端設計經(jīng)常用到的文字陰影_text-shadow(上）

下一篇：前端設計經(jīng)常用到的文字陰影_text-shadow(下）