使用CSS模糊div

Question

是否可以使用CSS3模糊div？我并不是说javascript模糊，我的意思是Photoshop模糊。

我不希望div的边缘模糊，我希望div的内容也是模糊的。 （我对浏览器的要求太高了吗？）

如果不可能，那么一些好的解决方法技术会是什么？

Answer 1

可以使用SVG过滤器。

它的基础是它只是一个简单的feGaussianBlur。

这是：http://jsfiddle.net/aXUtU/1/

这适用于Firefox 4，除了使用svg元素没有命名空间/ xmlns之外，应该从3.5开始工作（我认为它应该在3.6中工作）。

它有多少空间让它流入;如果你把那个文字缩小到一行，你会看到最后一个被剪裁。

---

根据您的内容，组合多个box-shadow s（inset和开头）和text-shadow可以达到类似的效果。上面的链接还包含了对文本产生类似影响的开始。

Answer 2

嗯......我想出了这个：

.blur {
    color: transparent;
    text-shadow: 0px 0px 2px #000000;
}

这肯定会让文字变得模糊！唯一的问题是它只会使文字变得模糊。没有影响或任何图像。但我认为，与http://plugins.jquery.com/project/blurimage一起，你可以使它更强大！

玩得开心！