HTML5 CSS3/Javascript模糊蒙版



我们很多人都在寻找一种Javascript/CSS3解决方案,可以在网页中提供类似windows7的UI,而不使用flash。

我们需要一个不透明度蒙版,圆角边框,和一个模糊…

我们已经设置了不透明度和圆角边框,现在我们需要给半透明的Div添加一些模糊效果。

我尝试了Pixastic Library中的BlurFast效果,但它只模糊了实际图像,而不是我们通过图像看到的背景…

基本上,我们想要一个Div作为其他内容的模糊蒙版…

如果有人真的成功了,我会很高兴知道这是可能的:)谢谢你

http://t.co/fFLPKnzC

非常好的文章关于模糊显示的艺术状态

遗憾的是,"屏蔽"页面的一部分,模糊后面的一切,并不是那么容易的。也许这个博客里的建议对你有帮助,因为它们非常直接,而且来自一个完全不同的方向。

因此在SVG中嵌入HTML并在HTML元素上使用SVG过滤器

认为这可能是相关的:Aero

就我个人而言,我认为作者所说的"换句话说,这是有史以来最混乱、最低效的实现之一"……,他只能让效果在一个浏览器中工作…

目前没有办法高效地或跨浏览器地做到这一点。

可能能够做到这一点的唯一方法是使用Pixastic在Canvas中创建模糊图像,导出为dataURI,然后使用该图像作为div的背景。如果div移动,那么背景图像的定位应该相应移动。

相关内容

  • 没有找到相关文章

最新更新