iOS 7使用CSS的模糊叠加效果？你让我想尝试，所以我做了，看看这里的例子：

javascript css user-interface blur

2022-08-30 02:27:19

似乎苹果的叠加不仅仅是一种透明度。关于如何用CSS和可能的JS实现这种效果的任何想法？

More than just transparency

答案 1

使用CSS3是可能的：

#myDiv {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0.4;
}

这里的例子 => jsfiddle

答案 2

你让我想尝试，所以我做了，看看这里的例子：

http://codepen.io/Edo_B/pen/cLbrt

用：

硬件加速 CSS 筛选器
用于类分配和箭头键事件的 JS
图像 CSS 剪辑属性

就是这样。

我也相信，如果使用画布复制当前的dom并模糊它，这可以为任何屏幕动态完成。