CSS3 filter(滤镜) 属性修改图片颜色

通过演示修改图片颜色

HTML

<div>
    <img src="http://file02.16sucai.com/d/file/2014/0704/e53c868ee9e8e7b28c424b56afe2066d.jpg">
    <img class="gray" src="http://file02.16sucai.com/d/file/2014/0704/e53c868ee9e8e7b28c424b56afe2066d.jpg">
</div>

CSS

.gray {
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    opacity:0.7;
}

效果图

菜鸟教程：CSS3 filter(滤镜) 属性