Jquery HTML5效果高斯模糊(也称为“aerowindow”)
有人知道如何在div标签后面重现高斯模糊效果吗?Jquery HTML5效果高斯模糊(也称为“aerowindow”),jquery,html,css,Jquery,Html,Css,有人知道如何在div标签后面重现高斯模糊效果吗? 几个月来,我在谷歌上搜索了很多次,发现了画布工具在图像上的效果。但这不是我想要的。 同样,AeroWindow插件对于jQuery也不是我想要的答案,因为它只是一个背景不透明效果。 谢谢大家。据我所知,有传言称未来的CSS规范将包含模糊效果。然而,这在任何地方都不可用,即使是主要浏览器的开发版本;目前它实际上还处于公开讨论阶段 当前在CSS中获得模糊效果的唯一方法是使用框阴影或文本阴影。这些并不是为了做你想做的事情。然而,我可以想象,使用box
几个月来,我在谷歌上搜索了很多次,发现了画布工具在图像上的效果。但这不是我想要的。
同样,AeroWindow插件对于jQuery也不是我想要的答案,因为它只是一个背景不透明效果。
谢谢大家。据我所知,有传言称未来的CSS规范将包含模糊效果。然而,这在任何地方都不可用,即使是主要浏览器的开发版本;目前它实际上还处于公开讨论阶段 当前在CSS中获得模糊效果的唯一方法是使用
框阴影
或文本阴影
。这些并不是为了做你想做的事情。然而,我可以想象,使用box shadow
来实现您所追求的目标是可能的
我已经试过了;以下是我所做的一系列工作:
作为参考,该小提琴中的代码如下所示:
<div class='shadowed'></div>
<div class='background'></div>
我不知道这是否足够接近你要找的?我不认为盒子的阴影实际上模糊了它后面的图像;只是模糊的变暗效果?但这是我用当前CSS所能得到的最接近的。希望您能够从那里调整它,以获得满足您需求的足够好的东西。据我所知,有一些传言称未来的CSS规范将包含模糊效果。然而,这在任何地方都不可用,即使是主要浏览器的开发版本;目前它实际上还处于公开讨论阶段 当前在CSS中获得模糊效果的唯一方法是使用
框阴影
或文本阴影
。这些并不是为了做你想做的事情。然而,我可以想象,使用box shadow
来实现您所追求的目标是可能的
我已经试过了;以下是我所做的一系列工作:
作为参考,该小提琴中的代码如下所示:
<div class='shadowed'></div>
<div class='background'></div>
我不知道这是否足够接近你要找的?我不认为盒子的阴影实际上模糊了它后面的图像;只是模糊的变暗效果?但这是我用当前CSS所能得到的最接近的。希望你能从那里调整它,得到满足你需要的足够好的东西