javascript - HTML5 CSS3/Javascript 模糊蒙版

标签 javascript html css mask blur

我们中的许多人都在寻找一种 Javascript/CSS3 解决方案,该解决方案可以在网页中提供类似于 windows7 的用户界面,而无需使用 flash。

我们需要一个不透明蒙版、圆形边框和一个模糊...

我们已经设置了不透明度和圆 Angular 边框,现在我们需要能够对半透明 Div 应用一些模糊效果。

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

基本上,我们希望 Div 充当其他内容的模糊蒙版...

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

最佳答案

http://t.co/fFLPKnzC

关于模糊的非常好的文章,展示了最先进的技术

遗憾的是,“屏蔽”页面的某些部分,模糊了后面的一切,并不是那么容易。 也许 ths 博客中的建议可以帮助您,因为它们非常直接并且来自完全不同的方向..

因此在 svg 中嵌入 html 并稍后在 html 元素上使用 svg-filters

关于javascript - HTML5 CSS3/Javascript 模糊蒙版,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5545535/

相关文章:

javascript - 在 React Native 功能组件中映射一个数组

javascript - JS/Jquery 中的类型安全和强制执行

javascript - 防止 Chrome 保持相对于底部的滚动位置

html - CSS背景图片问题

javascript - 如何为所有实例设置相同的子组件动态宽度?网络组件

javascript - 复制元素伪 :hover styles using jQuery

javascript - 我应该使用一个组件来使用 ngif 进行编辑和查看,还是将它们分成多个组件?

javascript - Node JS 事件未触发

css - 在 css 文件中使用 Django 模板语法

html - CSS 工具提示放在哪里