css3 -webkit-filter

　　-webkit-filter是css3的一个属性，Webkit率先支持了这几个功能，感觉效果很不错。下面咱们就学习一下filter这个属性吧。

现在规范中支持的效果有：

• grayscale 灰度               值为0-1之间的小数 
• sepia 褐色　　　　　　   值为0-1之间的小数
• saturate 饱和度　　　　 值为num
• hue-rotate 色相旋转　　值为angle
• invert 反色　　　　　　  值为0-1之间的小数
• opacity 透明度　　　　　值为0-1之间的小数
• brightness 亮度　　　　 值为0-1之间的小数
• contrast 对比度　　　　 值为num
• blur 模糊　　　　　　     值为length
• drop-shadow 阴影

用法是标准的CSS写法，如：

-webkit-filter: blur(2px);

转载于:https://www.cnblogs.com/benbentu/p/5395939.html