飞行文本焦点 - 模糊到清脆的动画

Question

我有一些文本动画从0不透明度左右移动到1，以便在移动时淡入。我想添加一个模糊动画来给人留下文字向我们移动的印象。不知道怎么做。

var $activeText = $(".active-text");

// the following is loop'd

$activeText.animate({opacity:1, left: '5%'}, 4000, 'swing').animate({opacity: 0}, 1000);

是否可以包含模糊动画或焦点同时运行？我还没有找到一个可以做到这一点的库。 $ activeText也是Text，而不是图像。

干杯

---

修改

我试过这个：

$ activeText.animate（{opacity：1，left：'5％'，textShadowBlur：0}，4000，'swing'）。animate（{opacity：0，textShadowBlur：20}，1000）;

但它没有用，grrr

Answer 1

我发现最好的办法是使用文字阴影并给它一个很高的分布。当它褪色时会产生模糊效果。

CSS

text-shadow: 0 0 0.3em white;

据我所知，没有办法动画文字阴影。