《css滤镜》.doc

《css滤镜》.doc

ID:49464692

大小:90.51 KB

页数:5页

时间:2020-03-01

《css滤镜》.doc_第1页
《css滤镜》.doc_第2页
《css滤镜》.doc_第3页
《css滤镜》.doc_第4页
《css滤镜》.doc_第5页
资源描述:

《《css滤镜》.doc》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Alpha滤镜  "Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标,可以指定各种不同范围的透明度。Alpha滤镜语法{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}  参数含义分别如下:参数说明opacity透明

2、度。默认的范围是从0到100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。finishopacity是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0到100。style指定透明区域的形状特征:0代表统一形状1代表线形2代表放射状3代表矩形startx渐变透明效果开始处的X坐标。starty渐变透明效果开始处的Y坐标。finishx渐变透明效果结束处的X坐标。finishy渐变透明效果结束处的Y坐标。Blur滤镜  用手指在一幅尚未干透的画面迅速划

3、过时,画面就会变得模糊。”Blur"就是产生同样的模糊效果。Blur滤镜语法HTML:{filter:blur(add=add,direction=direction,strength=strength)}Script语言:[oblurfilter=]object.filters.blur  参数含义分别如下:参数说明add它指定图片是否被改变成印象派的模糊效果。模糊效果是按顺时针的方向进行的,这是一个布尔值:ture(默认)或falsedirection该参数用来设置模糊的方向。0度代表垂直向上,每45度为一个单

4、位,默认值是向左的270度strength只能使用整数来指定,代表有多少像素的宽度将受到模糊影响,默认是5个像素。  字体设置效果:CSS滤镜实现欢迎来到天极设计在线!效果拷屏代码<tdstyle=filter:blur(add=ture,direction=135,strength=10)><b><fontsize="+3">欢迎来到天极设计在线!</font></b></td>DropShadow滤镜  “DropShaow",顾名思义就是添加对象的阴影效果。其工作原理是建立一个偏移量,加上色彩。DropSha

5、dow滤镜语法{filter:dropshadow(color=color,offx=ofx,offy=offy,positive=positive)}  参数含义如下:参数说明Color代表投射阴影的颜色offxX方向阴影的偏移量offyY方向阴影的偏移量Positive布尔值如果为TRUE(非0),就为任何的非透明像素建立可见的投影如果为FASLE(0),就为透明的像素部分建立透明效果FlipH,FlipV滤镜  FlipH滤镜实现水平反转FlipH滤镜语法{filter:filph}  FlipV滤镜实现垂直

6、反转FlipV滤镜语法{filter:filpv}Glow滤镜  对一个对象使用"glow"属性后,这个对象的边缘就会产生类似发光的效果。Glow滤镜语法{filter:glow(color=color,strength)}  参数含义如下:参数说明Color指定发光的颜色STRENGTH强度,值为1到255之间的任何整数,指定发光色力度和范围。 Gray,Invert,Xray滤镜使用Gray滤镜可以把一张图片变成灰度图,语法很简单:Gray滤镜语法{filter:gray}  实例:<imgsrc="pic1.

7、jpg"style="filter:gray"width="180"height="120">使用Invert滤镜可以把对象的可视化属性全部翻转,包括色彩、饱和度、和亮度值Invert滤镜语法{filter:invert}使用Xray滤镜可以让对象反映出它的轮廓并把这些轮廓加亮,类似于所谓的“X”光片。Xray滤镜语法{filter:xray}Mask滤镜Mask滤镜语法{filter:mask(color=color)}  使用"MASK"属性可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样Li

8、ght滤镜Light滤镜语法{filter:light}  这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性,那么就可以调用它的“方法(Method)"来设置或者改变属性。“LIGHT"可用的方法有:参数说明AddAmbient加入包围的光源AddCone加入锥形光源AddPoint加入点光源Changcolor改变光的颜色Changstr

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。