现在的位置: 首页 > web前端 > 正文

DW滤镜样式的语法规则是什么

2020年06月16日 web前端 ⁄ 共 1397字 ⁄ 字号 评论关闭

  程序代码style="filter:滤镜名(属性1=值1,属性2=值2......)"其中,“滤镜名”就是你在DW样式设置模块的滤镜下拉列表中看到的名称,属性值只需填入数字即可。下面学步园小编来讲解下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")

  DW滤镜样式的语法规则是什么

  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")

  以上就是关于“DW滤镜样式的语法规则是什么”的内容,希望对大家有用。更多资讯请关注学步园。学步园,您学习IT技术的优质平台!

抱歉!评论已关闭.