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

问题描述

这似乎苹果的覆盖不仅仅是一个透明度。关于如何使用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;
}

示例here => jsfiddle

Example here => jsfiddle

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