当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS图象滤镜之实用版

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

HTML/XHTML教程 中的 CSS图象滤镜之实用版


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 109 ::
收藏到网摘: n/a

.Alpha 通道

  虽然Alpha通道不能完全实现PNG功能,但它确实能使图象和文字呈现半透明
效果,甚至可以实现渐变半透明效果。

filter: Alpha(Opacity=starting opacity level,

FinishOpacity=finish opacity level,

Style=gradient style,startX=gradient start X position,

FinishX=gradient finish X position,

FinishY=Gradent finish Y Position)

  不透明度(opacity)是唯一需要提供的数值。起始不透明度startingopacity,
0到100之间的一个数值,100完全不透明)通常是为过滤器统一设定的不透明度
水平。终止不透明度(finishOpacity)用于使用设定了另外一个数值的渐变效
果时。StartX和StartY是渐变效果起始处(为一个不透明度值)被过滤目标的
坐标,而FinishX和FinishY是为终止处的坐标(FinishOpacity值)。风格
(style)是渐变所要使用的类型(采用0至3之间的一个数值,0代表均匀渐变,
1代表线性渐变,2代表放射渐变,3代表直角渐变)。对于背景不固定的图象,
这种效果最为明显。

  在PR2中有一个小故障,所以要使滤镜用于文字,你必须在容器(container)
上设定宽度(width)和高度(height)。


2.移动模糊

  除了让你的读者误以为自己需要重新配一幅眼镜之外,移动模糊还可以模拟运
动中的物体。我们的有些设计师认为即使物体以一种“神经质”的方式运动。也
应该将模拟的运动调整得平滑一些。

Filter: Blur(Add=ass original image,

Direction=360-degree direction,

Strength=strength of blur)

  Add用来确定是否在运动模糊中使用原有目标(其值为0和1,0代表“否”,1代
表“是”)。对于图象,使用0效果更好;而对于文字,则应使用1。Direction
是模糊移动的角度,0至360度。Strength是模糊移动的距离。


3.色度

  色度使你选定的颜色消失,很象在GIF中设定透明象素。色度也适用于JPEG和
PNG格式及文字。(如果你在文字上应用色度工具但未在上面设定其它滤镜,
你将看不到任何东西)。

Filter: Chroma(Color=Hexadecimal color that will disappear)

  这里只设定一个值:即你计划让其消失的颜色。设定值采用Hex格式(#PRGGBB)。


4.下落阴影

  使用这个滤镜可以应用样式表时避免不必要的结构重复。人们在使用样式表
时使用的一个技巧之一是将某一句话写两遍,然后将其合二为一,使其看起
来有一种立体的阴影效果。但是有些主张简洁设计风格的人指出,将一句话
写两三遍,对于使用看不到这些效果的浏览器的人来说则显得莫名其妙。

Filter: DropShadow9color=The color of the drop shadow, OffX=How many
 pixels Horizontally, OffY=How many pixels Vertically, Positive=What
 gets shadows, visible of invisible pixels)

   Color是下落阴影的颜色,永远用Hex格式表达。OffX和OffY是下落阴影的
象素值。Positive是一个布尔值(0或1);0指透明象素为阴影;1指给不
透明象素生成阴影。


5.对称变换

  两种对称变换滤镜(FlipH和FlipV)都不需要设定任何参数。FlipH从水平
角度过滤,而FlipV从垂直角度过滤。

Filter: FlipH 或者 Filter: FlipV