位置:首頁 > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問題詳情

Dreamweaver制作模糊文字效果

提問人:劉旭39發(fā)布時(shí)間:2020-10-12


  1、新建05.html的文件插入一個(gè)1行1列的表格,邊框和邊距全部設(shè)置為0。然后在表格中輸入要修飾的文字。

  2、打開CSS樣式面板,創(chuàng)建一個(gè)CSS樣式,在彈出的“新建樣式對話框”做如下設(shè)置。

  3、設(shè)置完成后,單擊“確定”按鈕彈出“CSS樣式定義”對話框,在類型設(shè)置區(qū)域中設(shè)置:大?。?0,字體:黑體,粗細(xì):粗,顏色:#FF9900。

  4、要產(chǎn)生文字特效,最重要的是在擴(kuò)展設(shè)置區(qū)域中進(jìn)行特殊設(shè)置。

  Blur濾鏡產(chǎn)生像被風(fēng)吹一樣的模糊效果。打開濾鏡選項(xiàng)的下拉菜單,對Blur濾鏡進(jìn)行設(shè)置:

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

  Add參數(shù)是一個(gè)布爾值,一般來說,當(dāng)濾鏡用于圖片時(shí)取0,用于文字時(shí)取1。

  “Direction=?”模糊方向,以45度為單位改變,“0”為垂直向上,“45”向右上,“90”水平向右,“135”向右下,以依次改變。這里我們設(shè)置Direction=90。

  Strength代表模糊移動(dòng)值,單位為像素。我們設(shè)置Strength=180。

  設(shè)置完成后,點(diǎn)擊“確定”。

  5、在文檔編輯區(qū)選中文字所在單元格,在屬性面板設(shè)置文字的樣式為.test。

  保存文件,按F12預(yù)覽效果。

  在只有HTML的時(shí)代,只能實(shí)現(xiàn)簡單的網(wǎng)頁效果。有了CSS樣式,網(wǎng)頁排版發(fā)生了翻天覆地的變化,在Dreamweaver8里,使用CSS樣式是如此的簡單,而制作出來的效果可以如此的炫目。

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部