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文件塞到网页之中。

猜你喜欢

转载自blog.csdn.net/tainys/article/details/2737422