css - 要实现这种磨砂效果，有什么好方法吗

Question

我也不太确定这种像素点的效果是否叫磨砂效果，暂时先这么称呼她吧。这种效果除了用图片css如何实现呢？望指教

Answer 1

思路是這樣的： 底部色彩用background-color，白噪聲採用png圖片作為background-image，這樣就能實現你想要的效果。優化一下，採用base64方式設background-image。
效果： http://codepen.io/anon/pen/mR...
相容性處理： http://www.cnblogs.com/murphy...

Answer 2

用canvas吧
http://web.jobbole.com/87602/

Answer 3

不知道是不是要的高斯模糊效果，如果是filter: blur(1px)應該可以，可以了解css3中的濾鏡