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是一個布林表示式,用來決定是否將原始圖象混合入最後的效果。
Example:
12、X光效果
X光效果濾鏡也不需要設定引數,是一種很少見的濾鏡。它想灰色濾鏡一樣去除圖象的所有顏色資訊,然後將其反轉(黑白象素除外)。對其效果一般沒有確切把握。
Example:
13、連結濾鏡
現在,儘管使用單一的一種濾鏡你就可以生成很好的效果,但是如果你將幾種濾鏡連結到一起,你將會得到一種非常非常有趣的效果,讓我們對一個目標新增色度濾鏡,再新增遮蔽濾鏡,然後再新增一次遮蔽濾鏡,看看它的效果如何:
Example:
你可以對其連結無窮無盡的濾鏡。
-
還有幾種濾鏡在本文中我沒有談到。其中最值得注意的是光濾鏡。它相當於在你的頁面上掛一個舞臺光柵。它的光學原理比較複雜,而且還需要一種編寫語言編的調
用命令以使其顯示出來。這相對於CSS的特性而言有些不大一致。我還聽說還有一些尚未正式成文的濾鏡將被包括在IE 4.0的最終發行版內。由於目前沒有其文字介紹,所以我也不可能向你們正確地介紹這類濾鏡。
濾鏡目前還未被W3C正式承認。濾鏡只是微軟IE瀏覽器德文組成部分,不能由於Netscape瀏覽器。制定有關標準的組織正在就此進行討論,但尚未達成最後定論。在我看來,濾鏡是一致非常有趣而且是製作精彩的視覺效果必不可少的一部分。濾鏡能節省頻寬,而且是你能在製作奇妙的視覺設計時使用文字格式,而不必先製作龐大的文字點陣圖以取得相同的效果。
但由於這些功能尚未成為HTML的正式組成部分,所以並不是所以的瀏覽器都能看到這些特色。有些時候,你必須考慮以傳統的方式製作相同的效果,當然,你不得不繼續將龐大的GIF檔案塞到網頁之中。