很久很久以前，在一個項目中，經理要求對一個圖片做模糊處理。第一反應是這個要找 ui 給個模糊圖片。可當時 ui 不在呀，項目又着急，只能自己搞。我一個前端，ps 技術實在不咋的，叫我切切圖還可以，叫我做個模糊，還要什么高斯模糊的。雖然最后做出來了，但感覺總是不太好。
后來，不記得在哪看到用 css 也可以對圖片做這樣的處理，就做了些研究。
原圖：
模糊：
灰度：
反色：
亮度：
褐色：
飽和度：
色相旋轉：
對比度：
這些只是其中的一點效果，這里就不全部展示了 。
這里是我寫的比較全的效果：https://lonlyape.github.io/imgcolor/
這里是i源碼的 github 地址 ：https://github.com/lonlyape/imgcolor
感興趣的可以看看。
注意，這東西對 ie 不友好。