• 日志
  • 教程
  • 插件
  • 设计
  • 欣赏
  • 资源
  • 地图
精灵日志图片

Artile_Title

      《CSS滤镜效果介绍》     翻译:梦觉 2000.9

注意 : 本文所述滤镜仅被Internet Explorer 4.0.所支持,就目前来说,它们仅是IE4.0的特殊样式扩展(在IE4.0较早的版本里,它们是ActiveX的控件的一部分)。

这些滤镜提供了一种控制各种物体特殊效果的方法(基本上是页面上的任何物体),而这在以前是需要通过图形才能做到的。而且,通过Script命令,这些特效还可以在不重新装入文档的情况下被动态的改变,这使它们比图片具有较大的优势。最常见的,它们被应用到<IMG> 元素,但还能够被应用到 <DIV> 元素,在 <DIV> 元素中可以依次包含任何的HTML,因而事实上滤镜效果可以被应用到任何内容上。值得注意的是,如果将它们应用到文本块,因文本会换行,所以必须对<DIV>元素定义宽和高属性。

页面转场效果Inter-page/site transitions
IE4.0Internet Explorer 4.0 也支持页面的转场效果,这是通过一个特定的<meta>元素实现的。当你进入或者退出页面时,自动播放一种特殊效果。设置这种效果是通过设定<meta>元素的 CONTENT 属性来实现的。例如:

<META HTTP-EQUIV="Page-Enter" CONTENT="filter:RevealTrans(Duration=3.000, Transition=23)">

这句将使页面在首次显示时延时3秒播放一个随机的页面溶解效果。

注意 : 这个滤镜效果不能在帧结构中应用。

可选的其他滤镜效果有:

滤镜效果 描述
Alpha 设定一定的透明度。
Blur 创造高速运动的模糊效果。
Chroma 制造特殊色彩的透明效果。
DropShadow 创造阴影效果。
FlipH 创造水平镜像的效果。
FlipV 创造垂直镜像的效果。
Glow 在物体边缘整加发光效果。
Gray 去掉图像的色彩效果。
Invert 反转图片效果。
Light 放置光源的效果。
Mask 创造透明的遮罩效果。
Shadow 创造偏移的阴影效果。
Wave 创造沿X轴波形扭曲效果。
XRay 仅显示物体的边缘效果。

Internet Explorer 也支持两种过渡效果(渐显和混合过渡效果).

将滤镜效果应用到物体上的基本语法如下:

STYLE="filter:filtername(fparameter1, fparameter2...)}

where filtername是滤镜的名称,fparamter1...代表每个不同滤镜的相关参数。下面是每个滤镜的详细介绍。


第一页 第二页 第三页 第四页 第五页 第六页 第七页
第八页
第九页 第十页 第十一页 第十二页 第十三页 第十四页

如有其他疑问,请到经典论坛提出
教程-Tutorials
FireworksMX2004教程
Fireworks教程
Dreamweaver教程
©2000-2006 Bitgenius.com.All rights reserved. Designed by Mengjue.