很久很久以前，在一个项目中，经理要求对一个图片做模糊处理。第一反应是这个要找 ui 给个模糊图片。可当时 ui 不在呀，项目又着急，只能自己搞。我一个前端，ps 技术实在不咋的，叫我切切图还可以，叫我做个模糊，还要什么高斯模糊的。虽然最后做出来了，但感觉总是不太好。

　　后来，不记得在哪看到用 css 也可以对图片做这样的处理，就做了些研究。

　　原图：

　　　　　　

　　模糊：

　　　　　　

　　灰度：

　　　　　　

　　反色：

　　　　　　

　　亮度：

　　　　　　

　　褐色：

　　　　　　

　　饱和度：

　　　　　　

　　色相旋转：

　　　　　　 

　　对比度：

　　　　　　

　　这些只是其中的一点效果，这里就不全部展示了 。

　　这里是我写的比较全的效果：https://18219304774.github.io/imgcolor/

　　这里是原码的 github 地址 ：https://github.com/18219304774/imgcolor

　　感兴趣的可以看看。

版权声明：本文为fenghen原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/fenghen/p/8406219.html