css规则定义中"分类"中的"扩展"中的"滤镜"中的类型
2012-03-14 15:11
344 查看
程序代码style="filter:滤镜名(属性1=值1,属性2=值2......)" 其中,“滤镜名”就是你在DW样式设置模块的滤镜下拉列表中看到的名称,属性值只需填入数字即可。 下面是DW所提供的主要几个滤镜的功能说明: (以下二组表格采用了“盒子”、“边框”、“区块”、“类型”等CSS样式) 程序代码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:目标值. Style:1或2或3 StartX:任 ? StartY:任意值 例子:filter:Alpha(Opacity="0",FinishOpacity="40",Style="2") 2.滤镜:blur 语法: STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)" 说明: Add:一般为1,或0. Direction:角度,0-315度,步长为45度. Strength:效果增长的数值,一般5即可. 例子:filter:Blur(Add="1",Direction="45",Strength="5") 3.滤镜:chroma 语法: STYLE="filter:Chroma(Color=color)" 说明: color:#rrggbb格式,任意. 例子: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. 例子:filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")5.滤镜:FlipH 语法: STYLE="filter:FlipH" 例子:filter:FlipH 6.滤镜:FlipV 语法: STYLE="filter:FlipV" 例子:filter:FlipV 7.滤镜:Glow 语法: STYLE="filter:Glow(Color=color,Strength=strength)" 说明: Color:发光颜色. Strength:强度(0-100) 例子:filter:Glow(Color="#6699CC",Strength="5") 8滤镜:Gray 语法: STYLE="filter:Gray" 例子:filter:Gray 9.滤镜:Invert 语法: STYLE="filter:Invert" 例子:filter:Invert 10.滤镜:Mask 语法: STYLE="filter:Mask(Color=color)" 例子:filter:Mask(Color="#FFFFE0") 11.滤镜:Shadow 语法: filter:Shadow(Color=color,Direction=direction) 说明: Color:#rrggbb格式. Direction:角度,0-315度,步长为45度. 例子: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:变形强度. 例子:filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2") 13.滤镜:Xray 语法: STYLE="filter:Xray" 例子:filter:Xray
相关文章推荐
- 关于css未被载入问题--->因为它的 MIME 类型 "text/html" 不是 "text/css"。
- 【XML开发】(1)通过"文档类型定义(DTD)"来定义XML标记语言
- ria +prism 难解问题之 "返回类型必须是实体或复杂类型、复杂类型的集合或预定义的可序列化类型之一"
- 关于页面不包含"事件_Click"的定义 并且找不到可接受页面类型的第一个参数的扩展方法"事件_Click" 的解决方案
- VS2010包含windows.h时winsock2.h出现"fd_set":struct类型重定义
- JS中的"=="转换规则
- 键盘录入一个文件夹路径,统计该文件夹(包含子文件夹)中每种类型的文件及个数,注意:用文件类型(后缀名,不包含.(点),如:"java","txt")作为key
- Caused by: 元素类型为 "package" 的内容必须匹配 "(result-types?,interceptors?,default-interceptor-ref?,default-action-ref?,default-class-ref?,global-results?,global-exception-mappings?,action*)"
- 无法解决 equal to 操作中 "Chinese_PRC_CI_AS_WS" 和 "Chinese_PRC_CI_AS" 之间的排序规则冲突
- 写一个方法,参数接收一个String类型的对象,最终可以把这个字符串参数中出现过的每一个字母打印出来 例如: "wwqweqdasdafdsfdsferer" 将来方法接收这个参数后会打印:
- 学用 ASP.Net 之 "字符串" (4): string 类的扩展方法
- Caused by: 元素类型为 "package" 的内容必须匹配 "(result-types?,interceptors?,default-interceptor-ref?,default-action-ref?,default-class-ref?,global-results?,global-exception-mappings?,action*)"。
- CSS定义不规则图片排版
- CSS定义input的type类型样式
- pb编程中数据类型和变量的定义规则
- IntelliSense: "const char *" 类型的实参与 "LPCTSTR" 类型的形参不兼容
- SP2010开发和VS2010专家"食谱"--第四章节—列表定义和内容类型(5)--关联工作流和内容类型
- 关于loose.dtd和xhtml1-transitional.dtd等文档类型定义模型中CSS失效的解决办法。
- Sql Server2005定义数据类型分类
- XML(Extenxible Markup Language)可扩展标记语言,DTD(Document Type Definition)文档类型定义