标签：取值 web rate gray webkit lte 阴影 等于 nbsp
filter 图片滤镜 给当前元素加滤镜_改变它的明亮度
定义：filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。作用在图片上或元素上。div{ }，或 div img{ }结果是一样的。
1、 brightness()明亮度-->0-1 1为自己本身的两度
1 div{ 2 -webkit-filter:brightness(.5) 3 } 4 5 div img{ 6 -webkit-filter:brightness(.5) 7 }
2、grayscale()灰度 取值0-1
1 div img{ 2 -webkit-filter:grayscale(.5) 3 }
3、饱和度 是大于等于0的
1 div img{ 2 -webkit-filter:saturate(1);/**/ 3 }
4、做旧，褐色
1 div img{ 2 -webkit-filter:sepia(6);/**/ 3 }
5、色相旋转
1 div img{ 2 -webkit-filter:hue-rotate(90deg);/**/ 3 }
6、反色 取值范围0-1
1 div img{ 2 -webkit-filter:invert(1);/**/ 3 }
7、透明度
1 div img{ 2 -webkit-filter:opacity(.2);/**/ 3 }
8、对比度 取值范围大于等于0
1 div img{ 2 -webkit-filter:contrast(2);/**/ 3 }
9、模糊值 单位是像素
1 div img{ 2 -webkit-filter:blur(50px);/**/ 3 }
10、阴影值 有四个属性值，x,y ,阴影模糊度，模糊的颜色
注：可以设置多个属性，之间用空格分隔。好多浏览器都不支持，比如IE，Google是支持的
可多个样式，之间用空格分隔。
1 div img{ 2 -webkit-filter:drop-shadow(5px 5px 5px #ccc) 3 blur(50px) contrast(2) ;/**/ 4 }
标签：取值 web rate gray webkit lte 阴影 等于 nbsp
原文地址：http://www.cnblogs.com/hlrblog/p/7868559.html
