<分区>
如果这听起来像是一个愚蠢的问题/笨拙的措辞,请原谅我 - 我正在学习编码。
我想为 div 元素后面的内容获得类似于 icloud.com 的毛玻璃效果。我浏览了整个网络,但找不到任何可以做到这一点的东西。
我想知道这是否可行,如果可行,该怎么做。
谢谢,
标签 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/