6、反色显示

下面的语句将一幅图象变为其反色（底片效果）：
<img src=”kids.gif” style=”filter:invert”>

7、阴影

下面的语句为图象建立一个阴影，整个区域的高和宽应能够容纳图象

及其阴影，

filter 的参数用于指定阴影的颜色及方向。

<div

style="width:

320;

height:

320;

filter:

shadow(color=#000000, direction=135)">

<img src="kids.gif"></div>
其在浏览器中显示的结果如下所示。注意与

drop 式阴影作比较。

8、X 射线

下面的语句使一幅图

象看起来象

X 线图：

<img

src=”kids.gif”
style=”filter:xray”>

二、过渡：

Transition

使用过渡，可以让你控制一幅图象以何种方式被另一幅图象所代替。

如果用脚本来实现这一功能将是费时的。每幅图象都有一

filter 属性，这便

利可以对图象使用过滤，从这一点来看，滤镜和过渡以同一咱方式作用于
图象。然而你很快会看到过渡需要一些脚本代码。

1E4.0 提供两种类型的过渡，一种是 blend 过渡，它提供图象的渐入

和渐出，另一种是

reveal 过渡，它包含 24 种不同的技术。

先让我们来看一下

blend 过渡，如下面所示的源码。此例在网页上显

示一幅图象和一个标有

Blend 的按钮，当点击此按钮时，图象在两秒钟内

由

kids.gif 变为 art.gif。