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

HTML/XHTML教程
CSS 循序渐进(四)表里春秋
精通 CSS 滤镜(五)
让css使网页图片半透明
实现页面图片阴影特效
发现CSS控件的好处
用CSS缩写给你的网站加速
CSS在IE和Nascape的显示差别
利用CSS,不通过replace替换标引HTML标记
拒绝单调 让网页超链接拥有多姿多彩的下划线
对CSS类及id的规范化命名
利用css里expression来实现界面对象的批量控制
利用CSS控制打印
第一章 CSS的基本认识
第二章 CSS的应用方式
第三章 CSS的应用补充
第四章 颜色背景的CSS
第五章 文字性质的CSS
第六章 区块性质的CSS
HTML之其他标记
HTML之链接标记

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 95 ::
收藏到网摘: 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