使用css图片滤镜实现特殊效果
来源:原创
时间:2015-08-26
作者:脚本小站
分类:CSS/HTML
css滤镜可以简单快速地实现特殊的效果,下面是常用的滤镜
静态滤镜样式 (filter)(只有IE4.0以上支持)
filter:chroma(COLOR=#000000);
chroma 对所选择的颜色进行透明处理 color (常用在透明滚动条的颜色)
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 改变对象颜色深度,并绘制黑白图象