1. 程式人生 > 其它 >css3基礎---文字陰影

css3基礎---文字陰影

text-shadow用來為文字新增陰影,而且可以新增多層,陰影值之間用逗號隔開。(多個陰影時,第一個陰影在最上邊)

預設值:none 不可繼承


<color>
可選。可以在偏移量之前或之後指定。如果沒有指定顏色,則使用UA(使用者代理)選擇的顏色。
<offset-x> <offset-y>
必選。這些長度值指定陰影相對文字的偏移量。
<offset-x> 指定水平偏移量,若是負值則陰影位於文字左邊。
<offset-y> 指定垂直偏移量,若是負值則陰影位於文字上面。
如果兩者均為0,則陰影位於文字正後方(如果設定了<blur- radius> 則會產生模糊效果)。
<blur-radius>
可選。這是 <length> 值。如果沒有指定,則預設為0。
值越大,模糊半徑越大,陰影也就越大越淡

text-shadow: -5px -10px ,5px 10px pink;