很久很久以前，在一个项目中，经理要求对一个图片做模糊处理。第一反应是这个要找 ui 给个模糊图片。可当时 ui 不在呀，项目又着急，只能自己搞。我一个前端，ps 技术实在不咋的，叫我切切图还可以，叫我做个模糊，还要什么高斯模糊的。虽然最后做出来了，但感觉总是不太好。
后来，不记得在哪看到用 css 也可以对图片做这样的处理，就做了些研究。
原图：
模糊：
灰度：
反色：
亮度：
褐色：
饱和度：
色相旋转：
对比度：
这些只是其中的一点效果，这里就不全部展示了 。
这里是我写的比较全的效果：https://lonlyape.github.io/imgcolor/
这里是i源码的 github 地址 ：https://github.com/lonlyape/imgcolor
感兴趣的可以看看。
注意，这东西对 ie 不友好。