风也温柔

计算机科学知识库

css 滤镜 jquery css filter怎么写

   css 怎么写

  $(this).css({:0.5});

  的css方法是兼容IE浏览器的css 滤镜css 滤镜 jquery css filter怎么写,直接按照W3C规定的css些就行了,是IE特有的,不属于W3C规范范畴,如果非要用滤镜就这样写:

  $(this).css({"":"Alpha(=50)"})

  html中style的各种用法,要详细的,越多越好

  CSS滤镜参考

  语法:STYLE=":(, ...)"

  (为滤镜的名称,、等是滤镜的参数)

   语法:...=value;

  滤镜说明:

  Alpha:设置透明层次

  blur:创建高速度移动效果,即模糊效果

  :制作专用颜色透明

  :创建对象的固定影子

  FlipH:创建水平镜像图片

  FlipV:创建垂直镜像图片

  glow:加光辉在附近对象的边外

  gray:把图片灰度化

  :反色

  light:创建光源在对象上

  mask:创建透明掩膜在对象上

  :创建偏移固定影子

  wave:波纹效果

  Xray:使对象变得像被x光照射一样

  1、滤镜:Alpha

  语法:STYLE=":Alpha(=, =,Style=style, =,=,=,=)"

  :起始值,取值为0~100, 0为透明,100为原图。

  :目标值。

  Style:1或2或3

  :任意值

  :任意值

  例子::Alpha(="0",="75",Style="2")

  2、滤镜:blur

  语法:STYLE=":Blur(Add = add, = , = )"

  Add:一般为1,或0。

  :角度,0~315度,步长为45度。

  :效果增长的数值,一般5即可。

  例子::Blur(Add="1",="45",="5")

  3、滤镜:

  语法:STYLE=":(Color = color)"

  说明:color:#格式,任意。

  例子::(Color="#")

  4、滤镜:

  语法:STYLE=":(Color=color, OffX=offX, OffY=offY, =)"

  说明:Color:#格式,任意。

  Offx:X轴偏离值。

  Offy:Y轴偏离值。

  :1或0。

  例子::(Color="#",OffX="5",OffY="5",="1")

  5、滤镜:FlipH

  语法:STYLE=":FlipH"

  例子::FlipH

  6、滤镜:FlipV

  语法:STYLE=":FlipV"

  例子::FlipV

  7、滤镜:glow

  语法:STYLE=":Glow(Color=color, =)"

  Color:发光颜色。

  :强度(0-100)

  例子::Glow(Color="#",="5")

  8、滤镜:gray

  语法:STYLE=":Gray"

  例子::Gray

  9、滤镜:

  语法:STYLE=":"

  例子::

  10、滤镜:mask

  语法:STYLE=":Mask(Color=color)"

  例子::Mask (Color="#")

  11、滤镜:

  语法::(Color=color, =)

  Color:#格式。

  :角度,0-315度,步长为45度。

  例子:: (Color="#", ="135")

  12、滤镜:wave

  语法:: Wave(Add=add,Freq=freq,=,Phase=phasecss 滤镜,=)

  Add:一般为1,或0。

  Freq:变形值。

  :变形百分比。

  Phase:角度变形百分比。

  :变形强度。

  例子:: wave(Add="0", Phase="4", Freq="5", ="5", ="2")

  13、滤镜:Xray

  语法:STYLE=":Xray"

  例子::滤镜参考语法:STYLE=":(, ...)"

  (为滤镜的名称,、等是滤镜的参数)

   语法:...=value;

  滤镜说明:

  Alpha:设置透明层次

  blur:创建高速度移动效果,即模糊效果

  :制作专用颜色透明

  :创建对象的固定影子

  FlipH:创建水平镜像图片

  FlipV:创建垂直镜像图片

  glow:加光辉在附近对象的边外

  gray:把图片灰度化

  :反色

  light:创建光源在对象上

  mask:创建透明掩膜在对象上

  :创建偏移固定影子

  wave:波纹效果

  Xray:使对象变得像被x光照射一样

  1、滤镜:Alpha

  语法:STYLE=":Alpha(=, =,Style=style, =,=,=,=)"

  :起始值,取值为0~100, 0为透明,100为原图。

  :目标值。

  Style:1或2或3

  :任意值

  :任意值

  例子::Alpha(="0",="75",Style="2")

  2、滤镜:blur

  语法:STYLE=":Blur(Add = add, = , = )"

  Add:一般为1,或0。

  :角度,0~315度,步长为45度。

  :效果增长的数值,一般5即可。

  例子::Blur(Add="1",="45",="5")

  3、滤镜:

  语法:STYLE=":(Color = color)"

  说明:color:#格式,任意。

  例子::(Color="#")

  4、滤镜:

  语法:STYLE=":(Color=color, OffX=offX, OffY=offY, =)"

  说明:Color:#格式,任意。

  Offx:X轴偏离值。

  Offy:Y轴偏离值。

  :1或0。

  例子::(Color="#",OffX="5",OffY="5",="1")

  5、滤镜:FlipH

  语法:STYLE=":FlipH"

  例子::FlipH

  6、滤镜:FlipV

  语法:STYLE=":FlipV"

  例子::FlipV

  7、滤镜:glow

  语法:STYLE=":Glow(Color=color, =)"

  Color:发光颜色。

  :强度(0-100)

  例子::Glow(Color="#",="5")

  8、滤镜:gray

  语法:STYLE=":Gray"

  例子::Gray

  9、滤镜:

  语法:STYLE=":"

  例子::

  10、滤镜:mask

  语法:STYLE=":Mask(Color=color)"

  例子::Mask (Color="#")

  11、滤镜:

  语法::(Color=color, =)

  Color:#格式。

  :角度,0-315度,步长为45度。

  例子:: (Color="#", ="135")

  12、滤镜:wave

  语法:: Wave(Add=add,Freq=freq,=,Phase=phase,=)

  Add:一般为1,或0。

  Freq:变形值。

  :变形百分比。

  Phase:角度变形百分比。

  :变形强度。

  例子:: wave(Add="0", Phase="4", Freq="5", ="5", ="2")

  13、滤镜:Xray

  语法:STYLE=":Xray"

  例子::Xray

  文章来源:https://blog.51cto.com/yetaotao/5047269