新客立减

-

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

z.

 

CSS 

滤镜详解

 

关键字

: css 

滤镜

 

CSS

样式表

是一种为超文本标签语言提供增强补充服务的技术,可对每一个

html

的标签做精雕细刻的修饰。

只用

html

制作的网页,

对页面内各部分的修饰

能力有限且语句烦锁,样式表正是弥补这一缺陷的有力技术,它语句文法简单,

只要在源码中插入

style

语句就可轻易实现页面内任意文本颜色、背景、边框、

行距、字距的添删和修饰等功能,使网页更加生动活泼,从而获得满意的效果。

当然,

样式表的强大还依靠的就是它的滤镜功能。

因为有了滤镜,

大家就可以轻

易地创造出

专业

的艺术效果。

为了能帮助大家高效使用好样式表滤镜,

笔者将

对样式表滤镜各方面的内容进行详细介绍。

 

一、什么是样式表滤镜

 

 

 

说到滤镜,

其实它并不是对图像进行了什么处理,

而是在浏览器中对使用了

该属性的对象进行一定的修饰。样式表滤镜实际上是样式表一个新的扩展部分,

使用这种技术简单的语法就可以把可视化的滤镜和转换效果添加到一个标准的

html

元素上,例如图片、文本、以及其他一些对象,为页面添加一些丰富的变

化。

如果大家有一些脚本语言的基础,

能够把滤镜效果与类似

javascript

的脚本

代码做一些结合,

就可以拥有一个在样式表滤镜与脚本共同作用下建立的强大的

动态交互文档工具。现在能使用的滤镜有

13

个之多,不过要欣赏到这些滤镜的

特效,

必须要求用户的浏览器必须在

IE4.0/NC6.0

之上,

因为只有这些版本的浏

览器才能支持样式表滤镜效果。

 

 

二、常用的样式表滤镜

 

 

 

随着样式表技术的不断成熟,

其滤镜功能和种类也在不断增多。

如果用户能

够熟练地混合使用它们,

将可以产生意想不到的效果。

在操作上,

用户只需要了

解具体滤镜的实际效果后,

就能根据实际进行微调了。

为了使大家能有针对性地

使用滤镜,下面就把一些常用滤镜的功能和参数详细介绍如下:

 

 

1

α

滤镜

 

作用:

该滤镜可以实现各种溶入效果,

如果大家将该滤镜与网页脚本语言结合起

来,对滤镜的参数进行处理的话,就能很轻易地做出淡入淡出的效果来。

 

 

语法:

{FILTER

ALPHA(opacity=opacity

finishopacity=finishopacity

 

style=style

start*=start*

starty=starty

finish*=finish*

finishy=finishy)} 

 

 

 

参数:

Opacity

参数代表图象的起始透明度,

其默认的数值是从

0

100

0

代表完全透明,

100

代表完全不透明;

FinishOpacity

是一个可选参数,

如果想要

设置渐变的透明效果,就可以使用他们来指定结束时的透明度,作用

*

围也是

0