随着浏览器的发展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