css的滤镜有哪些,他们都有哪些作用？

html-css020

css的滤镜有哪些,他们都有哪些作用？,第1张

滤镜效果 功能描述

Alpha 设置不同的透明度变化效果

Blur 建立模糊效果

DropShadow 建立一种偏移的影象轮廓，即投射阴影

FlipH 水平翻转

FlipV 垂直翻转

Glow 为对象的边界增加色彩光效

Gray 将图片以灰度形式显示

Invert 将色彩、饱和度以及亮度值完全反转,类似底片效果

Light 在一个对象上进行灯光投影

Mask 为一个对象建立彩色透明遮罩

Shadow 为对象建立轮廓的影效果

Wave 在X轴和Y轴方向利用正弦波打乱图片

Xray 只显示对象的轮廓

用CSS的滤镜效果来制作的渐变色效果。【所谓渐变色，就是指定一个开始颜色，指定一个结束颜色，整个背景便从左到右由开始颜色向结束颜色逐渐变化，整个背景的颜色是动态连续的，越接近右边其颜色就越接近结束颜色，越远离开始颜色，是一种常用的网页用css的透明滤镜,alpha 然后 给图片加上 onmouseover 和 onmouseout 属性, onmouseover事件的响应函数里面把img的class更改onmouseout事件的响应函数里面把img的class改为透明滤镜就可以了.

http://zhidao.baidu.com/question/1039537.html

1、如果想改变css背景图片，一般的做法只能使用css滤镜；

2、css滤镜主要包括：

Speia滤镜 灰度图滤镜 高斯模糊滤镜 反色滤镜 饱和度滤镜

对比度滤镜亮度滤镜色相旋转滤镜 阴影滤镜

3、css滤镜在浏览器兼容是比较坑爹的问题，ie浏览器有自己一套滤镜filter家族，基本所有ie内核浏览器都支持，ff和Chrome，opera则主要使用css3的滤镜，这些浏览器在后期版本支持css3的滤镜（目前版本基本都支持html5和css3），通过滤镜改变背景图的颜色和效果，当然这些滤镜主要是为了效果而产生，颜色只是固定的几种效果。

4、个别时候，css滤镜还需要结合js使用，才能到达必要效果，其实一般背景图片都是用透明度的css来设置它的颜色度；

透明度css列子：

transparent_class {

filter:alpha(opacity=50)

-moz-opacity:0.5

-khtml-opacity: 0.5

opacity: 0.5

}