text-shadow屬性可以產(chǎn)生陰影和模糊主體。text-shadow還沒有出現(xiàn)時，網(wǎng)頁的前端設(shè)計中陰影一般都是用photoshop做成圖片，現(xiàn)在有了css3可以直接使用text-shadow屬性來實現(xiàn)。這樣在不使用圖片時也能給文字增加立體感和藝術(shù)效果。這個屬性有些設(shè)計師反映用起來不太習(xí)慣，覺的還是用做圖工具實現(xiàn)起來方便。如果有這樣的想法，是很難進步的。

text-shadow曾經(jīng)在css2中就出現(xiàn)過，但在后來的版本沒有用，現(xiàn)在css3版本又重新利用起來。這說明text-shadow這個屬性是很多設(shè)計經(jīng)常用到的。現(xiàn)在很多前端設(shè)計中，css3有很多屬性被前端設(shè)計師使用了，而text-shadow運用得也是比較頻繁的一個屬性，前端人員應(yīng)該學(xué)習(xí)并掌握這個text-shadow屬性，這樣用css樣式寫出來的樣式，就省的再用做圖工具，織晶網(wǎng)絡(luò)一貫主張充分利用css樣式，如果css樣式樣式實現(xiàn)不了，才考慮使用photoshop，道理大家都明白，用css樣式打開速度快，同時有利于網(wǎng)站優(yōu)化。

以下是text-shadow語法：

text-shadow ： none |  none | [, ] *  或none |  [,  ]*

如下：

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

或

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

上一篇：網(wǎng)站后臺如何劃分模塊（下）

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