Filter介绍及常用滤镜总结
来源:互联网 发布:arraypush 二维数组 编辑:程序博客网 时间:2024/05/18 03:25
常用滤镜总结:基本语法:style="filter:filterName(filterParam01, filterParam02,...)"{filterName:滤镜名称filterParam01,filterParam02:滤镜参数} 滤镜说明:Alpha:设置透明层次 blur:创建高速度移动效果,即模糊效果Chroma:制作专用颜色透明DropShadow:创建对象的固定影子FlipH:创建水平镜像图片FlipV:创建垂直镜像图片glow:加光辉在附近对象的边外gray:把图片灰度化invert:反色light:创建光源在对象上mask:创建透明掩膜在对象上shadow:创建偏移固定影子wave:波纹效果Xray:使对象变得像被x光照射一样1、滤镜:Alpha语法:STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style, StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"说明:"opacity": 代表透明度水准。默认的范围是从0到100,他们其实是百分比的形式,也就是说,0代表完全透明,100代表完全不透明。”finishopacity":是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0到100。 "style": 参数指定了透明区域的形状特征。其中0代表统一形状、1代表线形、2代表放射状、3代表长方形。"STARTX","STARTY": 代表渐变透明效果的开始X和Y坐标。"FINISHX","FINISHY": 代表渐变透明效果结束X和Y的坐标。 EX:filter:Alpha(Opacity="0",FinishOpacity="75",Style="2") 2、滤镜:blur 语法:STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)" 说明:Add:一般为1,或0。Direction:角度,0~315度,步长为45度。Strength:效果增长的数值,一般5即可。EX:filter:Blur(Add="1",Direction="45",Strength="5") 3、滤镜:Chroma语法:STYLE="filter:Chroma(Color = color)"说明:color:#rrggbb格式,任意。EX:filter:Chroma(Color="#FFFFFF")4、滤镜:DropShadow语法:STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"说明:Color:#rrggbb格式,任意。Offx:X轴偏离值。Offy:Y轴偏离值。Positive:1或0。EX:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")5、滤镜:FlipH语法:STYLE="filter:FlipH"EX:filter:FlipH6、滤镜:FlipV语法:STYLE="filter:FlipV"EX:filter:FlipV7、滤镜:glow语法:STYLE="filter:Glow(Color=color, Strength=strength)"说明:Color:发光颜色。Strength:强度(0-100)EX:filter:Glow(Color="#6699CC",Strength="5")8、滤镜:gray语法:STYLE="filter:Gray"EX:filter:Gray9、滤镜:invert语法:STYLE="filter:Invert"EX:filter:Invert10、滤镜:mask语法:STYLE="filter:Mask(Color=color)"EX:filter:Mask (Color="#FFFFE0")11、滤镜:shadow语法:filter:Shadow(Color=color, Direction=direction)说明:Color:#rrggbb格式。Direction:角度,0-315度,步长为45度。EX:filter:Shadow (Color="#6699CC", Direction="135")12、滤镜:wave语法:filter: Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)说明:Add:一般为1,或0。Freq:变形值。LightStrength:变形百分比。Phase:角度变形百分比。Strength:变形强度。EX:filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")13、滤镜:Xray语法:STYLE="filter:Xray"EX:filter:Xray14.颜色变化语法:filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)说明:enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false true: 默认值。滤镜激活。 false:滤镜被禁止。startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。 特性:GradientType:可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0 1:默认值。水平渐变。 0:垂直渐变。 StartColor:可读写。整数值(Integer)。设置或检索色彩渐变的开始颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。 EndColor:可读写。整数值(Integer)。设置或检索色彩渐变的结束颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。当在脚本中使用此特性时,也可以用十六进制格式: 0xAARRGGBB 。 说明:在对象的背景和内容之间显示定制的色彩层。当此效果通过转变显示时,在渐变册色彩层之上的文本程序性的初始化为透明的,当色彩渐变实现后,文本颜色会以其定义的值更新。 示例:表格背景颜色渐变#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF, endColorstr=#55FFFF00) ;}#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient() ;}具体使用<table border=1 width=100%><tr><td STYLE="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr='#ffffff',endColorStr='#ff0000')"> </td></tr></table>
- Filter介绍及常用滤镜总结
- Css中的filter常用滤镜属性及语句大全
- CSS的常用滤镜(filter)属性及语句大全
- CSS的常用滤镜(filter)属性及语句大全
- 【转】CSS的常用滤镜(filter)属性及语句大全
- CSS的常用滤镜(filter)属性及语句大全
- Css中的filter常用滤镜属性及语句大全【贵 州 学 习 网】
- 常用兼容及IE滤镜
- Filter介绍及使用
- CSS 滤镜 -webkit-filter 的介绍和使用
- ios 滤镜处理(详细滤镜介绍)及处理方法
- ios中的GpuImage及相关滤镜介绍
- ios中的GpuImage及相关滤镜介绍
- iOS中滤镜种类及相关介绍
- iOS 中的 GpuImage 及相关滤镜介绍
- ios中的GpuImage及相关滤镜介绍
- CSS滤镜(filter)详解
- CSS滤镜filter详解
- 图像处理中的拉普拉斯算子
- Redmine开启服务
- linux相关命令总结
- H264源码分析(二)
- jsp验证码页面笔记
- Filter介绍及常用滤镜总结
- 使用锚链文字来提高网站的排名
- background-position 一个css中的常用属性
- android为模拟器安装应用
- android listiew适配器
- linux ubuntu下nginx的安装
- 开源项目Sliding Menu的下载、导入和运行
- NDK 编译 RTMPDump
- HDU 4432 Sum of divisors