高斯模糊onHover使用jQuery

Question

我想知道是否有一些方法来应用高斯模糊到div使用jQuery(或CSS jQuery可以修改)。我已经看到模糊(),但至少有野生动物园，它似乎不，它完成什么我要找的。如果可能的话，我想到使用淡入上的作用，因此模糊了逐步进行。

感谢任何的帮助！

Answer 1

要知道， Blur 是时DOM-元件，例如文本框(投入)等。 失去重点，而不应混合有种模糊，你正在谈论(斯/运动模糊).

没有良好的跨浏览器这个问题的解决办法。你可以，但是，模糊的图像的使用API如本建议。或者通过 使用这一个.

也许如果你找到了一种方法提请你div内容HTML5画布你可以再申请的模糊-通过采用过滤器 Pixastic?

Answer 2

查看blur.js的jQuery插件： http://blurjs.com ，它使用我的筹码模糊算法，我相信这是目前最快的基于JavaScript的方式来模糊画布元素： http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html

Answer 3

filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: url(blur.svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');

blur.svg

的内容

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
  <filter id="blur">
    <feGaussianBlur stdDeviation="10" />
  </filter>
</svg>

更多： http://demosthenes.info/blog/534/Crossbrowser-Image-模糊

Answer 4

它没有提到在这里，我们可以创建一个 优秀的 真实的模糊的效果文本的使用CSS3 text-shadow.并且，(是的，当然！) 我们可以模糊的固体背景和边界使用 box-shadow (插入阴影和多个阴影是允许的，你知道)。

因此，我希望在大多数情况下可以实现的一个现实的模糊的效果相结合:

1) 图像的模糊使用帆布

2) 文本的模糊使用 text-shadow

3) 固体背景和模糊边界使用 box-shadow

4)有，我忘记了什么？....

---

PS:我相信这是不可能写一个神奇的类模糊的任何html。

限制不可克服的：模糊边界的图像、模糊嵌入媒体