iOS 7 使用 CSS 的模糊叠加效果? [英] iOS 7's blurred overlay effect using CSS?

问题描述

Apple 的覆盖层似乎不仅仅是透明的.关于如何使用 CSS 和可能的 JS 实现这种效果的任何想法?

It seems Apple's overlay is more than just a transparency. Any ideas on how to achieve this effect with CSS and possibly JS?

推荐答案

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

这篇关于iOS 7 使用 CSS 的模糊叠加效果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！