CSS图象滤镜(下)[转载]

本文介绍了几种CSS滤镜效果,包括波形滤镜、X光效果滤镜及链接滤镜等,并探讨了滤镜在CSS中的应用。波形滤镜通过生成正弦波形来产生强烈的变形效果;X光效果滤镜则去除图像的颜色信息并反转图像;链接滤镜则是通过组合多种滤镜以创造更复杂的视觉效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

NOI进阶之路

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值