應用目標：制作文字特效

要產生文字特效，最重要的是在擴展面板(如圖3)中的設置，在“視覺效果下”的過濾器中列出的就是所有的CSS濾鏡，選擇Glow濾鏡，它可以使文字產生邊緣發光的效果。Glow濾鏡的語法格式為：Glow(Color=?, Strength=?)，里面有兩個參數：Color決定光暈的顏色，可以用如ffffff的十六進制代碼，或者用Red、Yellow等單詞表示;Strength表示發光強度，范圍從0到255。本例中我們設置顏色為紅色(Red)，發光強度為8，然后確定。 圖3 設置好Glow濾鏡下面我們將這個CSS樣式應用到表格中。把光標移到單元格中，在文檔窗
口左下角點擊標簽選中單元格，然后單擊剛才在CSS樣式面板中新建的樣式，這時標簽變為，表明已經對單元格應用了CSS樣式。我們在文檔窗口中看不出變化，按F12鍵在IE中預覽，效果就出來了(如圖4)。
圖4 光暈字效果怎么樣?不次于在Photoshop中的濾鏡效果吧。在網頁里放上幾個這樣的特效字會讓網頁美觀不少，而且我們也可以用PrintScreen鍵抓屏，然后在畫圖程序中粘貼保存使之成為單獨的圖片。
陰影字
有兩種CSS濾鏡能夠使文字產生陰影效果，分別是Drowshadow和Shadow，它們產生的效果略有所不同。
制作陰影字的操作步驟與制作光暈字的過程基本相同，只要在CSS樣式中重新選擇一種過濾器即可。
Drowshadow濾鏡的語法如下：DropShadow(Color=?, OffX=?, OffY=?, Positive=?) 。
其中，Color表示投射陰影的顏色，用十六進制數來表示;OffX、OffY分別代表陰影偏離文字位置的量，單位為像素ositive為一個邏輯值，1代表為所有不透明元素建立陰影，0代表為所有透明元素建立可見陰影。
圖5 陰影字效果例如把過濾器設置為DropShadow(Color=6699cc, OffX=2, OffY=2, Positive=1)，產生的效果如圖5。


遮罩字
CSS濾鏡中還為我們提供了遮罩的功能，可以把文字部分處理成遮罩，如果在背景中使用合適的圖片，就能產生漂亮的鏤空文字效果。
文檔窗口中插入一個1×1的表格，單擊文檔窗口左下角的標簽選中整個表格，在屬性檢查器(如圖6)的背景圖像中選擇一張合適的圖片，然后在單元格中輸入需要的文字。
圖6接下來我們為單元格添加Mask濾鏡，步驟與前兩例類似。在過濾器中選擇Mask(Color=?)，這個參數決定遮罩的顏色，我們選擇用白色。
注意：本例中文字的顏色選擇并不重要，因為在最終效果中文字會被鏤空，顏色并不會顯示出來。
圖7 遮罩字效果友設置完成后將這個CSS樣式應用到單元格，然后按下F12鍵就可以看到效果了(如圖7)。
注意：背景圖片是為整個表格添加的，對應 標簽，而CSS樣式是對單元格添加的，是 標簽，千萬不要搞錯。
動感字
制作動感字我們要用到Blur濾鏡，作用是產生模糊效果，它的語法格式為Blur(Add=?, Direction=?, Strength=?)。Add參數是一個布爾值，一般來說，當濾鏡用于圖片的時候取0，用于文字的時候取1;Direction代表模糊方向，單位是角度;Strength代表模糊移動值，單位為像素。比如我們定義Blur(Add=1, Direction=90, Strength=150)，在預覽中就可以看到如圖8的效果。
圖8 動感字效果友其實，CSS中很多濾鏡也能夠用于圖片的修飾，如Blur濾鏡就可以使圖片產生模糊效果。如果我們對這些濾鏡都能夠熟練應用，那么有時在沒有專業圖像處理軟件的情況下，也能夠制作出相當不錯的圖片效果來。