taylor.gif (2039 bytes)
CSS图象滤镜
作者:Taylor

More on stylesheets
- - - - - - - - - -

用串接样式表
(CSS)定位

奇妙的样式表世界

将样式表存入
你的HTML

目前最新的浏览器可以为你设计的网页提
供非常令人满意的效果。你可以利用串接
样式表(CSS)进行图文设计,用CSS定位
控制页面布局。你还可以通过文件目标模
块建立互动网页,使其能随时发生变化,
及响应读者输入的指令。所有这些功能将
使你充分领略互动媒体的神奇魅力。

现在我们谈一下CSS图象滤镜。

如果你使用过图形软件的话,视觉滤镜这
个概念你一定不会感到陌生。你可以选择
一个图形,让计算机对其进行模糊过滤,
或者将有些文字或图象反转处理。要想实
现这些技巧,你得将需要变化的内容以位
图形式输入你的图象处理软件,应用相应
的过滤器,然后及其以GIF或JPEG格式发布。

但是生成文字的图象格式会破坏原有文字
的存储格式并且会延长下载的时间。生命
的一分一秒被消耗在下载的漫长等待之中
实在是一种残忍的折磨和享受。但是你需
要为你的标题添加一点漂亮的蓝色下落阴
影,并且在其四周环绕以红色的光晕。好
吧,我们就给它加上一个漂亮的修饰。

有时候当图象下载到客户端时你需要对图
象做一些变化,比如加一个移动模糊让其
“神经质”地滑过屏幕。不要怕,CSS图
象过滤器将帮助你实现你的愿望(但是现
在只能在微软IE 4.0上实现这些功能)。

我以一个叫Nadav的照片为例为说明以下
CSS图象滤镜的功能。请注意观察同样一
幅照片在应用器不同的过滤器时会发生何
种变化,以及他所说的话回发生何种相同
的变化。

第1页: CSS图象滤镜
第2页: Alpha 通道
第3页: 移动模糊(Motion Blur)
第4页: 色度(Chroma)
第5页: 下落阴影(Drop Shadow)
第6页: 对称变换(Flip)
第7页: 光晕(Glow)
第8页: 灰度(Grayscale)
第9页: 反转(Invert)
第10页:遮蔽(Mask)
第11页:阴影(Shadow)
第12页:波形(Wave)
第13页:X光效果(X-ray)
第14页:链接过滤(Chaining filter)
第15页:结束语:滤镜在CSS中的作用)

back.JPG (5414 bytes)