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

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（｛不透明度：1，左："5%"，textShadowBlur:0｝，4000，"swing"）.animate；

但它不起作用，grrr

Answer 1

我最终发现最好的方法是使用文本阴影并给它一个高的扩散。当它逐渐消失时，会产生一种模糊的效果。

CSS

text-shadow: 0 0 0.3em white;

据我所知，没有办法制作文本阴影的动画。