DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver MX 2004 CSS使用教程之濾鏡介紹2
Dreamweaver MX 2004 CSS使用教程之濾鏡介紹2
編輯:Dreamweaver相關     

  本站原創內容,轉載請注明出處網頁教學網

  十一.CSS 濾境的詳細介紹2

  GLOW 屬性

  【glow屬性】對象應用glow 濾鏡後,這個對象的邊緣就會產生類似發光的效果,這種效果在圖像處理軟件中做起來比較麻煩,而在DW MX 2004中用CSS的“glow”濾鏡來制作卻是很簡單,而且節約不少字節。

  “glow”濾鏡只有兩個參數,一個是“color”是指定發光的顏色,另一個參數是 “strength”是發光的強度,也可理解為光芒的長度。取值范圍1~255之間的任何整數。下面 我們來做幾個應用實例。

  【glow濾鏡在圖片上的應用】

  “glow”濾鏡加載到一般圖片無效,但若是把圖片放到表格中,再給表格的< td >加上“glow”濾鏡,卻能使圖片產生一個漸變顏色的邊框。

  glow濾鏡的參數不多,使用簡單,效果明顯。在具體應用時關鍵的問題是光芒顏色的選擇,要與整個頁面色彩協調。給圖片和< td >可以用多種方式加載,配合背景的設置,可產生一些奇特的效果。

  GRAY 屬性

  【Gray 屬性】 Gray 濾鏡可把一張彩色圖片轉變為灰度圖,即黑白圖片。可應用於創意特殊題材,Gray為無參數濾鏡,功能單一,操作簡單,效果明顯。

  INVERT屬性

  【Invert 屬性】 Invert 濾鏡可把一張圖片轉變為負片,好像相片的底片。可應用於創意特殊題材,Invert為無參數濾鏡,功能單一,操作簡單,效果明顯。

  LIGHT 屬性

  【Light屬性】Light濾鏡能產生一個模擬光源的效果。可應用於特殊場合,營造奇特的氣氛。Light濾鏡是無參數濾鏡,使用它要通過Javascrpt調用來實現模擬光源的效果。

  MASK 屬性

  【Mask 屬性】Mask濾鏡可以為網頁元件對象產生一個矩形遮罩效果,實際也可以理解為用一塊有色布把物件蓋起來,但內容卻被挖去了。

  【Mask濾鏡應用】

  在頁面適當位置插入1行1列表格,在表格裡輸入文字,選擇表格的單元格<td>,然後,在屬性面板“樣式”菜單中選“Mask”。

  REVEALTRANS 屬性

  RevealTrans是動態濾鏡,它能產生23種動態效果,更為奇妙的是它還能在23種動態效果中隨機抽取其中一種。

  RevealTrans濾鏡只有兩個參數,Duration:是切換時間,以秒為單位;Transition:是切換方式,它有23種方式,詳見下圖:

  你只要改變“Transition"的值,就能獲得不同的效果。它必須借助於javascript才能實現,javascript的設置方法請參考【BlendTrans屬性】。

  SHADOW 屬性

  【Shadow 屬性】利用“Shadow”濾鏡可以在指定的方向建立物體的投影。投影的顏色可以指定。

  WAVE 屬性

  【Wave屬性】 是把對象按照垂直的波形樣式扭曲,而產生一種特殊的效果。 把“wave”濾鏡加載到文字上,就可得到波形文字的效果。

  提示:Wave濾鏡共有5個參數:

  “add”:表示是否要把對象按照波形式樣扭曲,它只有兩個值,即"true"和"false",默認值是"true(非0)",當然你也可以修改它的值為"false"("0")。

  “freq”:是波紋的頻率,也就是指定在這個對象上面一共需要產生多少個完整的波紋。

  “lightstrength”:參數可以對於波紋增強光影的效果。它的參數值范圍是從0到100的整數值。

  “phase”:參數用來設置正弦波開始的偏移量。這個偏移量的通用值為0,但是你可以改變它。它的值從0到100之間,這個數值代表開始時的偏移量取自波長的百分比值。 例如如果值為25那麼正弦波就從90度的方向開始。

  “strength”:表示波形的振幅大小,也可以簡單的理解為扭曲的程度。

  XRAY 屬性

  【Xray 屬性】 Xray 濾鏡可把對象的輪廓顯現出來並將其加亮。就象“X光片”一樣。可應用於創意特殊題材,Xray為無參數濾鏡,功能單一,操作簡單,效果明顯。

  應用類樣式

  【應用類樣式】是唯一可以應用於文檔中任何文本的 CSS 樣式類型。與當前文檔關聯的所有類樣式都顯示在“CSS 樣式”面板中和文本屬性檢查器的“樣式”彈出式菜單中。

  提示:當預覽外部 CSS 樣式表中定義的樣式時,務必要保存該樣式表以確保所做的更改。

  【應用自定義 CSS 樣式】

  在文檔中,選擇要應用 CSS 樣式的文本。

  將插入點放在段落中將樣式應用於整個段落。

  如果在單個段落中選擇一個文本范圍,則 CSS 樣式只影響所選范圍。

  若要指定要應用 CSS 樣式的確切標簽,請在位於“文檔”窗口左下角的標簽選擇器中選擇標簽。

  請執行下列操作之一:

  在“CSS 樣式”面板(“窗口”>“CSS 樣式”)中,右鍵單擊要應用的樣式的名稱,然後從上下文菜單選擇“套用”。

  在文本屬性檢查器中,從“樣式”彈出式菜單中選擇要應用的類樣式。

  在“文檔”窗口中,右鍵單擊所選文本,在上下文菜單中選擇“CSS 樣式”,然後選擇要應用的樣式。

  選擇“文本”>“CSS 樣式”,然後在子菜單中選擇要應用的樣式。

  【將自定義樣式從選定內容中刪除】

  選擇要刪除樣式的對象或文本。 執行下列操作之一:

  在文本屬性檢查器中,從“樣式”彈出式菜單中選擇“無”。

  在“相關 CSS”選項卡中右鍵單擊要刪除的已應用規則,然後從上下文菜單中選擇“設置類”>“無”。

  【關於 CSS 樣式的沖突】將兩個或更多的 CSS 樣式應用於同一文

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved