Dreamweaver 8 CSS樣式表濾鏡例項(轉)

Dreamweaver 8 CSS樣式表濾鏡例項(轉)[@more@]

　　

　　1、製作模糊文字效果

　　1、新建05.html的檔案插入一個1行1列的表格，邊框和邊距全部設定為0。然後在表格中輸入要修飾的文字。

　　2、開啟CSS樣式皮膚，建立一個CSS樣式，在彈出的“新建樣式對話方塊”做如下設定。

　　3、設定完成後，單擊“確定”按鈕彈出“CSS樣式定義”對話方塊，在型別設定區域中設定：大小：60，字型：黑體，粗細：粗，顏色：＃FF9900。

　　4、要產生文字特效，最重要的是在擴充套件設定區域中進行特殊設定。

　　Blur濾鏡產生像被風吹一樣的模糊效果。開啟濾鏡選項的下拉選單，對Blur濾鏡進行設定：

　　Blur(Add=?, Direction=?, Strength=?)

　　Add引數是一個布林值，一般來說，當濾鏡用於圖片時取0，用於文字時取1。

　　“Direction=?”模糊方向，以45度為單位改變，“0”為垂直向上，“45”向右上，“90”水平向右，“135”向右下，以依次改變。這裡我們設定Direction=90。

　　Strength代表模糊移動值，單位為畫素。我們設定Strength=180。

　　設定完成後，點選“確定”。

　　5、在文件編輯區選中文字所在單元格，在屬性皮膚設定文字的樣式為.test。

　　儲存檔案，按F12預覽效果。

　　在只有HTML的時代，只能實現簡單的網頁效果。有了CSS樣式，網頁排版發生了翻天覆地的變化，在Dreamweaver8裡，使用CSS樣式是如此的簡單，而製作出來的效果可以如此的炫目。