javascript - 高斯模糊悬停使用 jQuery

标签 javascript jquery html css blur

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

感谢您的帮助!

最佳答案

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

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

也许如果您找到一种方法将您的 div 内容绘制到 HTML5 Canvas 上,您就可以使用 Pixastic 应用模糊滤镜。 ?

关于javascript - 高斯模糊悬停使用 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1966949/

相关文章:

javascript - UIkit Accordion : How to make links inside accordion-title clickable?

javascript - 迭代Google电子表格自定义函数中的单元格

javascript - 在 svg 文档中嵌入 svg 文件,通过 JavaScript 访问它的对象

javascript - 在 li jquery 中选中复选框时获取输入文本值?

javascript - 为什么 Web 应用程序通过网络发送 HTML?

javascript - 计算文本节点中的字母

JavaScript 正则表达式,在哪里使用转义字符?

javascript - 使用垂直滚动条水平滚动内容

javascript - JQuery ajax 发布到 PHP 服务器无法正常工作 - "SyntaxError: Unexpected token < in JSON at position 0"

javascript - stopPropagation() 的行为更令人困惑