【发布时间】：2013-09-18 04:15:46
【问题描述】：
好的，新版本的 iCloud 网站已经发布。它似乎正在发生一些疯狂的巫毒苹果魔法。他们能够模糊登录屏幕后面的背景图标，我不知道他们是如何做到的。它不是静态图像，因为如果您调整浏览器大小，图标会改变大小。
有人能解释一下吗？
【问题讨论】：
标签： javascript css icloud blurry
【发布时间】：2013-09-18 04:15:46
【问题描述】：
我认为你可以使用 css 来实现！请查看
http://www.w3schools.com/svg/svg_fegaussianblur.asp
你可以通过声明它们来使用很多不同的过滤器
<filter id="f1" x="0" y="0">
<feGaussianBlur in="SourceGraphic" stdDeviation="15" />
</filter>
这些可以是黑白滤镜、蓝调等。从那里只需使用 filter='url(#f1)' 在对象上引用它
编辑
可以使用 BLUR CSS 完成
【讨论】：
-
但是，如何使一个 div 下面的 div 模糊？我不想将它应用于每个元素......它也应该适用于文本。
-
嘿，很抱歉反应慢 -> 请看这个，我认为这是你要找的！
-
CSS 过滤器：模糊；就是我要找的！
您可以使用 BlurJs 来实现，查看演示：http://www.blurjs.com/simpledemo.html
【讨论】：
-
这会影响所有 DIV 内容还是仅影响图像？
-
所有 div 内容，你指定 div 并在其上调用 blurjs()。
他们正在使用画布并将其设置为背景图像
/* from the page: */
background-image: -webkit-canvas(blurredDerivativeForButtonsc245);
您可以对画布内容进行所有模糊处理。
【讨论】：