javascript - 通过 CSS/javascript 对 div 的模糊效果?

标签 javascript jquery html css

<分区>

如果这听起来像是一个愚蠢的问题/笨拙的措辞,请原谅我 - 我正在学习编码。

我想为 div 元素后面的内容获得类似于 icloud.com 的毛玻璃效果。我浏览了整个网络,但找不到任何可以做到这一点的东西。

我想知道这是否可行,如果可行,该怎么做。

谢谢,

最佳答案

icloud.com 直接为这些图标使用模糊图像,但如果您想在呈现页面时创建要模糊的内容,您可以为此目的使用 css3 过滤器模糊。

您所需要的只是一张您需要模糊的图像,并将这些线条应用到您想要模糊的图像上。

 -webkit-filter: blur(5px);
 -moz-filter: blur(5px);
 -o-filter: blur(5px);
 -ms-filter: blur(5px);
 filter: blur(5px);

您当然可以更改这些值。如果您想模糊图像以外的其他元素,请在评论中告诉我。有一个 jquery 插件。

关于javascript - 通过 CSS/javascript 对 div 的模糊效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21219199/

相关文章:

javascript - jQuery 获取 json 数据但不返回/赋值

c# - 通过 jquery ajax 将对象传递给 WebMethod

html - 为什么 Transition css 在子选择器 css 中不起作用

java - SRC = 路由 Assets (用户连接的动态 URL)?

javascript - 提交之前用javascript验证xml文件是一个文件

javascript - 单击时在新窗口中打印图像的最简单方法是什么?

javascript - Windows下CURL发送参数

jQuery img 交换 - 保持宽度和高度

javascript - 如何循环存储并计算 sencha 上的字段数据

javascript - Angular:Validators.email 如果为空则无效