1. 程式人生 > >CSS圖象濾鏡(下)[轉載]

CSS圖象濾鏡(下)[轉載]

11、波形

    波形濾鏡能造成一種強烈的變形幻覺,它對過濾目標生成正弦波變形,同相應語言應用於Tandem能產生最佳的動畫效果。

Filter: Wave(add=Weather the original object is added back in,
Freq=Number of waves,LightStrenth=strength of the shading,
Phase=phase offset. Strength=strength of the effect)

    Add是一個布林表示式,用來決定是否將原始圖象混合入最後的效果。

Freq(頻率)決定顯示效果中應出現多少波形。Light strength影響波形邊緣的深淺。Phrase改變波形的形狀,取值在0360之間。Strength決定振幅。該濾鏡只能水平新增。

Example:

wave

12X光效果

    X光效果濾鏡也不需要設定引數,是一種很少見的濾鏡。它想灰色濾鏡一樣去除圖象的所有顏色資訊,然後將其反轉(黑白象素除外)。對其效果一般沒有確切把握。

Example:

xray

13、連結濾鏡

    現在,儘管使用單一的一種濾鏡你就可以生成很好的效果,但是如果你將幾種濾鏡連結到一起,你將會得到一種非常非常有趣的效果,讓我們對一個目標新增色度濾鏡,再新增遮蔽濾鏡,然後再新增一次遮蔽濾鏡,看看它的效果如何:

Example:

chainedfiltersimage

chainfilterstext

    你可以對其連結無窮無盡的濾鏡。

14、結束語-濾鏡在CSS中的作用

    還有幾種濾鏡在本文中我沒有談到。其中最值得注意的是光濾鏡。它相當於在你的頁面上掛一個舞臺光柵。它的光學原理比較複雜,而且還需要一種編寫語言編的調
用命令以使其顯示出來。這相對於
CSS的特性而言有些不大一致。

    我還聽說還有一些尚未正式成文的濾鏡將被包括在IE 4.0的最終發行版內。由於目前沒有其文字介紹,所以我也不可能向你們正確地介紹這類濾鏡。

    濾鏡目前還未被W3C正式承認。濾鏡只是微軟IE瀏覽器德文組成部分,不能由於Netscape瀏覽器。制定有關標準的組織正在就此進行討論,但尚未達成最後定論。在我看來,濾鏡是一致非常有趣而且是製作精彩的視覺效果必不可少的一部分。濾鏡能節省頻寬,而且是你能在製作奇妙的視覺設計時使用文字格式,而不必先製作龐大的文字點陣圖以取得相同的效果。

    但由於這些功能尚未成為HTML的正式組成部分,所以並不是所以的瀏覽器都能看到這些特色。有些時候,你必須考慮以傳統的方式製作相同的效果,當然,你不得不繼續將龐大的GIF檔案塞到網頁之中。

文章引用自: