高斯模糊onHover使用jQuery

Question

我想知道是否有某种方法可以使用jQuery(或jQuery可以修改的CSS)将高斯模糊应用到div上.我已经研究过blur(),但至少在Safari中,它似乎并没有完成我正在寻找的东西.如果可能的话,我想在效果上使用fadeIn,所以它逐渐模糊.

谢谢你的帮助!

Answer 1

请注意,Blur当DOM元素(如文本框(输入等))失去焦点时,不应与您所谈论的那种模糊混合(高斯/运动模糊).

这个问题没有很好的跨浏览器解决方案.但是,您可以使用Ben建议的API来模糊图像.或者使用这个.

也许如果你找到一种方法将你的div内容绘制到HTML5画布,你可以使用Pixastic应用模糊滤镜？

Answer 2

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