如何在Firefox中设置动画模糊滤镜？

@-webkit-keyframes myBlur{ 
    from{ 
     -webkit-filter:blur(0px); 
    } 
    to{ 
     -webkit-filter:blur(10px); 
    } 
}

看起来“模糊”没有在Firefox中实现，我们可以使用svg filter来代替。是否有可能使svg过滤器获得与上述代码相同的动画效果？如何在Firefox中设置动画模糊滤镜？

2012-07-25 codeplay

尝试雾，然后循环并更改blurRadius和Opacity。

2012-09-07 23:09:19

这将是很好，如果你可以扩大这个答案来演示一些代码如何做到这一点。 – Kev 2012-09-30 22:23:31

这是你在找什么？

您使用的是WebKit的前缀，这是WebKit浏览器。我知道一段时间以后Mozilla宣布他们会支持webkit前缀，但我不知道这是否是自实验以来的其中之一。

// Browser Specific 
-webkit-filter: blur(5px); 
-moz-filter: blur(5px); 
-o-filter: blur(5px); 
-ms-filter: blur(5px); 
filter: blur(5px);

2012-09-23 07:16:36 Mark

ATM你不能。

我尝试了所有方式，但动画（如@keyframe或通过转换）不能与Aurora构建一起使用。

期待着它

2012-10-30 15:57:07 rollsappletree

我得到了我的Firefox这里

的SVG模糊工程..你可以尝试的SVG动画模糊？

* -pike

2013-02-02 13:24:58 commonpike

回答