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

Question

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

在Firefox中似乎没有实现“模糊”，我们可以使用svg过滤器。是否可以为svg过滤器设置动画以实现与上述代码相同的效果？

Answer 1

ATM你不能。

我一直在尝试，但动画（与@keyframe或通过转换一样）对Aurora构建都不起作用。

期待它

Answer 2

我的火狐模糊了

http://demosthenes.info/blog/534/Crossbrowser-Image-Blur

SVG模糊有效..您可以尝试SVG动画吗？

* - 矛

Answer 3

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

http://nbartlomiej.github.com/foggy/

Answer 4

这是你在找什么？

https://developer.mozilla.org/en-US/docs/CSS/filter

您正在使用适用于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);