• 实例详解CSS滤镜(11)Gray属性

    Gray属性把一张图片变成灰度图。它的表达式很简单: Filter:Gray 其实这个属性没什么好讲的,只需在您定义的IMG样式中加入一句代码: {Filter:Gray} 就一切OK了。 下面两幅图分别代表未加Gray属性和添加了Gray属性的效果:...

    2008-02-23 08:29:09

  • 实例详解CSS滤镜(10)Xray属性

    Xray就是X射线的意思。 Xray属性,顾名思义,这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单: Filter:Xray 我们还是先来看一个页面(如下图): 如果在上面的页面中加入Xray属性,也就是在head的Style中,增添下面这一句代码: Filter:Xr...

    2008-02-23 08:29:08

  • 实例详解CSS滤镜(9)Wave属性

    Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下: Filter:Wave(Add=True(False),Freq=频率,LightStrength=增强光效, Phase=偏移量,Strength=强度) 我们看到Wave属性的表达式还是比较复杂的,它一共有五个参数。Add参数有两个参数值:True代表把对...

    2008-02-23 08:29:10

  • 实例详解CSS滤镜(8)Shadow属性

    Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的: Filter:Shadow(Color=color,Direction=direction) 在这里,Shadow有两个参数值:Color参数用来指定投影的颜色;Direction参数用来指定投影的方向。 这里说的方向与我们在第二节Blur属性中提到的“...

    2008-02-23 08:29:07

  • 实例详解CSS滤镜(7)Invert属性

    Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。 它的表达式也很简单: Filter:Invert 我们再来看一下加上Invert属性前后的图片效果变化(如下图): 我们看到Invert属性实际上达到的是一种“底片”的效果。...

    2008-02-23 08:29:10

  • 实例详解CSS滤镜(6)Glow属性

    当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果。它的表达式如下: Filter:Glow(Color=color,Strength=strength) Glow属性的参数只有两个:Color是指定发光的颜色,Strength指定发光的强度,参数值从1到255。 让我们先来看一下加上Glow属...

    2008-02-23 08:29:05

  • 实例详解CSS滤镜(5)DropShadow属性

    DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式: Filter:DropShadow(Color=color,Offx=Offx,Offy=offy, Positive=positive) 该属性一共有四个参数: Color代表投射...

    2008-02-23 08:29:06

  • 实例详解CSS滤镜(4)Chroma属性

    Chroma属性可以设置一个对象中指定的颜色为透明色,它的表达式如下: Filter:Chroma(color=color) 这个属性的表达式是不是很简单,它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。比如下面这幅图: 图中显示两种字体,两种颜色,我们现在...

    2008-02-23 08:29:05

  • 实例详解CSS滤镜(3)Blur属性

    假如您用手在一幅还没干透的油画上迅速划过,画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。 先来看一下blur属性的表达式: filter:blur(add=add,direction,strength=strength) 我们看到blur属性有三个参数:add、direction、strength。 Add参数有两...

    2008-02-23 08:29:04

  • 实例详解CSS滤镜(2)Mask属性

    Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单: Filter:Mask(Color=颜色) 只有一个Color参数,用来指定使用什么颜色作为掩膜。 同样,我们来看一下一幅图片在加上mask属性前后的效果(见下图): 加上MASK属性的效果就好象是在用有色眼镜看物体一样。...

    2008-02-23 08:29:04

2