火狐下css滤镜效果怎么实现

html-css010

火狐下css滤镜效果怎么实现,第1张

滤镜效果filter的css样式属性是微软Internet Explorer特有的,未被W3C收入,故而在火狐浏览器下尚未提供支持。但是通过js编码可以部分实现一些滤镜效果,如透明等。

随着浏览器的发展CSS的功能越来越强大,大多数的滤镜效果有类似功能的CSS样式实现了。

对应表:

IE 滤镜  W3C 滤镜

Alpha:设置透明层次. grayscale 灰度

blur:创建高速度移动效果,即模糊效果. sepia 褐色

Chroma:制作专用颜色透明.   saturate 饱和度

DropShadow:创建对象的固定影子. hue-rotate 色相旋转

FlipH:创建水平镜像图片.  invert 反色

FlipV:创建垂直镜像图片.  opacity 透明度

glow:加光辉在附近对象的边外. brightness 亮度

gray:把图片灰度化.  contrast 对比度

invert:反色.blur 模糊

light:创建光源在对象上.  drop-shadow 阴影

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

shadow:创建偏移固定影子.

wave:波纹效果.

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

上面的是CSS的属性。这个是css的滤镜效果。1.Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) 透明度 起始透明度 结束时透明度样式“1.2.3”坐标。2.Glow(Color=#0000ff, Strength=5) 边缘发光颜色 大小3.BlendTrans(Duration=?) 淡入淡出方向4.Blur(Add=?, Direction=?, Strength=?) 模糊 是否模糊 方向 大小5.Chroma(Color=?) 透明颜色(只有透明图像gif可以用这个效果)6.DropShadow(Color=?, OffX=?, OffY=?, Positive=?) 投影 颜色 坐标大小7.FlipH 水平反转8.FlipV 垂直反转9.Glow(Color=?, Strength=?) 边缘发光 颜色大小10.Gray 灰度11.Invert 负片(胶片)12.Light 亮度(变亮、波纹光影)13.Mask(Color=?) 遮罩 颜色 (凹陷效果)14.RevealTrans(Duration=?, Transition=?) 动态切换 (切换时间切换效果:1-23种切换方式)15.Shadow(Color=?, Direction=?)16.Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?) 垂直扭曲17.Xray X光片效果我们的网名一样,所以我认真的回答了你的问题。有缘啊

如果帮助到您,请记得采纳为满意答案哈,谢谢!祝您生活愉快! vae.la