要產生文字特效,最重要的是在擴展面板(如圖3)中的設置,在「視覺效果下」的濾鏡中列出的就是所有的CSS濾鏡,選擇Glow濾鏡,它可以使文字產生邊緣發光的效果。 Glow濾鏡的語法格式為:Glow(Color=?, Strength=?),裡面有兩個參數:Color決定光暈的顏色,可以用如ffffff的十六進位程式碼,或用Red、Yellow等單字表示;Strength表示發光強度,範圍從0到255。本例我們設定顏色為紅色(Red),發光強度為8,然後確定。
下面我們將這個CSS樣式應用到表格中。把遊標移到儲存格中,在文件視窗左下角點選標籤選取儲存格,然後點選剛才在CSS樣式面板中新建的樣式,這時標籤變成,表示已經對儲存格套用了CSS樣式。我們在文件視窗中看不出變化,按F12鍵在IE中預覽,效果就出來了(如圖4)。
怎麼樣?不次於在Photoshop中的濾鏡效果吧。在網頁裡放上幾個這樣的特效字會讓網頁美觀不少,而且我們也可以用PrintScreen鍵抓屏,然後在畫圖程式中貼上保存使之成為單獨的圖片。
陰影字
有兩款CSS濾鏡能夠讓文字產生陰影效果,分別是Drowshadow和Shadow,它們產生的效果略有不同。
製作陰影字的操作步驟與製作光暈字的過程基本上相同,只要在CSS樣式中重新選擇一種濾鏡即可。
Drowshadow濾鏡的語法如下:DropShadow(Color=?, OffX=?, OffY=?, Positive=?) 。
其中,Color表示投射陰影的顏色,以十六進制數來表示;OffX、OffY分別代表陰影偏離文字位置的量,單位為像素;Positive為一個邏輯值,1代表為所有不透明元素建立陰影,0代表為所有透明元素建立可見陰影。
例如把濾鏡設定為DropShadow(Color=6699cc, OffX=2, OffY=2, Positive=1),產生的效果如圖5。
遮罩字
CSS濾鏡中也為我們提供了遮罩的功能,可以把文字部分處理成遮罩,如果在背景中使用合適的圖片,就能產生漂亮的鏤空文字效果。
在文件視窗中插入1×1的表格,按一下文件視窗左下角的標籤選取整個表格,在屬性檢視器(如圖6)的背景影像中選取一張適當的圖片,然後在儲存格中輸入需要的文字。
接下來我們為儲存格新增Mask濾鏡,步驟與前兩例類似。在過濾器中選擇Mask(Color=?),這個參數決定遮罩的顏色,我們選擇用白色。
注意:本例文字的顏色選擇並不重要,因為在最終效果中文字會被鏤空,顏色並不會顯示出來。