我想这就是你要找的东西？如果你想给div元素添加一个模糊效果，你可以直接通过CSS过滤器来完成--参见fiddle：http://jsfiddle.net/ayhj9vb0/

div {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  width: 100px;
  height: 100px;
  background-color: #ccc;

}

尝试使用此库：https://github.com/jakiestfu/Blur.js-II
应该够了。

这是我的发现：
演示：http://tympanus.net/Tutorials/ItemBlur/
和教程：http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/

你可以做很多事情
1.第一个月

1. backdrop-filter: blur(10px)
   1.如果要模糊div元素的边缘，请使用box-shadow
   box-shadow: 10px 20px 20px grey;
   第三个值20 px设置模糊值。2值越大，模糊越多。
   你可以使用这两种浏览器中的任何一种，不过要注意backdrop-filter不支持firefox和internet explorer。

我用SVG模糊滤镜得到了模糊效果：

• • 中央支助组**

-webkit-filter: url(#svg-blur);
        filter: url(#svg-blur);

• • 圣文森特和格林纳丁斯**

<svg id="svg-filter">
    <filter id="svg-blur">
        <feGaussianBlur in="SourceGraphic" stdDeviation="4"></feGaussianBlur>
    </filter>
</svg>

工作示例：
https://jsfiddle.net/1k5x6dgm/
请注意-这在IE版本中不起作用

使用backdrop-filter可以模糊div的背景元素。
像这样使用它：

.your-class-name {
   backdrop-filter: blur(5px);
}

所有放置在div下的元素都将被模糊。
编辑：请注意，并不是所有的浏览器都支持这个功能

内联css：

style="filter: blur(3px);"

具有以下类的外部css：

.div-cls{
    filter: blur(3px);
}

也支持主流浏览器[ 1 ]。