CSS3中filter滤镜的学习笔记(静态滤镜及动态滤镜)
2020-11-27
来源：华佗健康网
一、CSS静态滤镜样式 （filter）（只有IE4.0以上支持）
CSS静态滤镜样式的使用方法：{ filter : filtername( parameters1, parameters2, ...) }
Filter样式 简要说明 支持参数
alpha：设置图片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength
blur：在指定的方向和位置上产生动感模糊效果 add、direction、strength
chroma：对所选择的颜色进行透明处理 color
dropShadow：在指定的方向和位置上产生阴影 color、offX、offY、positive
flipH：沿水平方向翻转对象
flipV：沿垂直方向翻转对象
glow：在对象周围上发光 color、strength
gray：将对象以灰度处理
invert：逆转对象颜色
light：对对象进行模拟光照
mask：对对象生成掩膜 color
shadow：沿对象边缘产生阴影 color、direction
wave：在垂直方向产生正弦波形 add、freq、lightStrength、phase、strength
xray：改变对象颜色深度，并绘制黑白图象
显示全文