让网站又漂亮又快是大家共同追求的目标。CSS 一个比较炫的属性 Filter 是非常帅的,可以不用flash就做出很漂亮的效果。filter 中有14个滤波器,我先使用 alpha 滤波器做个渐变的例子把。
例子:首先,把下面的代码粘贴到 test.html 中,并运行






























代码很简单,就是 每隔10毫秒就把 alpha 的 opacity (透明度)增加1,加到100,再往回减,很简单吧
简单介绍一下几个比较好看的滤波器,目的是让大家了解他们,好上手,更详细的请上网自己查(http://dev.youkuaiyun.com/article/62/62954.shtm):
1、alpha
主要管透明度的,上面已经介绍过了
2、blur
创造动态模糊效果:

add参数为 1 是指主体保持清晰,动态模糊只是加上去,为 0 代表主体也模糊了
direction 从0到360,不过45度一个间隔,所以实际上只有八个方向值
strength 拖尾的长度单位是像素
3、Gray ,Invert,Xray 滤镜
Gray 效果:
代码:

Invert 效果:
有点底片效果的感觉
代码:

Xray 效果:
拍 X 光的效果
代码:
