CSS中filter滤镜学习笔记_html/css
来源：懂视网
责编：小采
时间：2020-11-27 15:54:23
CSS中filter滤镜学习笔记_html/css
CSS中filter滤镜学习笔记_html/css_WEB-ITnose:1．CSS静态滤镜样式 （filter）（只有IE4.0以上支持） CSS静态滤镜样式的使用方法：{ filter : filtername( parameters1, parameters2, ...) } Filter样式 简要说明 支持参数 alpha 设置图片或文字的不透明度 opacity、finishOpac
导读CSS中filter滤镜学习笔记_html/css_WEB-ITnose:1．CSS静态滤镜样式 （filter）（只有IE4.0以上支持） CSS静态滤镜样式的使用方法：{ filter : filtername( parameters1, parameters2, ...) } Filter样式 简要说明 支持参数 alpha 设置图片或文字的不透明度 opacity、finishOpac
1．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 改变对象颜色深度，并绘制黑白图象
CSS中filter滤镜学习笔记_html/css
CSS中filter滤镜学习笔记_html/css_WEB-ITnose:1．CSS静态滤镜样式 （filter）（只有IE4.0以上支持） CSS静态滤镜样式的使用方法：{ filter : filtername( parameters1, parameters2, ...) } Filter样式 简要说明 支持参数 alpha 设置图片或文字的不透明度 opacity、finishOpac
