css - 如何在 Firefox 中为模糊过滤器设置动画？

Question

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

Firefox 中似乎没有实现“模糊”，我们可以使用 svg 过滤器来代替。是否可以对 svg 过滤器进行动画处理以实现与上述代码相同的效果？

score 2 · Accepted Answer

ATM你不能。

我一直尝试，但动画（如@keyframe 或通过过渡）不适用于 Aurora 构建。

期待它

score 1 · Accepted Answer

我的 Firefox 在这里模糊了

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

*-派克

score 0 · Accepted Answer

这是你想要的？

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

score 0 · Accepted Answer

0

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

于 2012-09-07T23:09:19.483 回答

4 回答 4