css filter属性改变图片颜色
之前在做相益项目的时候，有一个点击改变图片颜色的功能，一开始我用两张图片来实现的，后来发现可以用css的过滤器来实现，这样还可以优化性能。
具体实现如下
把图片变为灰色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.gray{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
</style>
</head>
<body>
<img src="11.JPG">
<img src="11.JPG" class="gray">
</body>
</html>
效果：