CSS3 Font陰影是一種可以讓文本字體產(chǎn)生陰影效果的CSS3屬性。在CSS2中，我們只能通過設(shè)置文本的顏色和背景色實(shí)現(xiàn)模擬出來的陰影效果。但CSS3通過新增的Font陰影屬性，使得我們可以輕松地實(shí)現(xiàn)文字的陰影效果，同時(shí)也可以實(shí)現(xiàn)不同顏色和形狀的字體陰影。

/* 基本語法 */
text-shadow: h-shadow v-shadow blur color;
/* h-shadow：表示水平方向上的陰影偏移距離 */
/* v-shadow：表示垂直方向上的陰影偏移距離 */
/* blur：模糊半徑 */
/* color：陰影顏色 */
/* 多個(gè)陰影使用的是逗號分隔的方法 */
text-shadow: 2px 2px 2px #000000, -2px -2px 2px #ffffff;

通過上述代碼，我們可以給文本添加一組陰影。首先，h-shadow表示水平方向上的陰影偏移距離，v-shadow表示垂直方向上的陰影偏移距離，blur表示陰影的模糊半徑，color表示陰影的顏色。可以通過改變這些屬性的值，再加上一些特殊的陰影樣式制作出不一樣的字體陰影效果。

其中在font-weight:bold;text-shadow:0px 0px 10px #ffffff;效果中，我們可以發(fā)現(xiàn)陰影是在字體的下方。同時(shí)，我們可以通過同時(shí)添加多個(gè)陰影的方式，來制作出更加逼真的圖形效果。

/* 添加多個(gè)陰影 */
text-shadow: 0 0 10px red, 0 0 10px green, 0 0 10px blue;

CSS3 Font陰影不僅能制作文字陰影效果，在一些圖像制作中也常常會使用到?？梢詫?shí)現(xiàn)復(fù)雜的立體效果，達(dá)到更加炫酷的照片和廣告效果。當(dāng)然，我們同樣需要注意合理使用這些效果，不要在用戶體驗(yàn)和瀏覽速度上帶來不必要的負(fù)擔(dān)。