1

テキストが移動するとフェードインするように、不透明度 0 から 1 まで左右にアニメーション化するテキストがあります。ぼかしアニメーションを追加して、テキストがこちらに向かっている印象を与えたいと思います。これを行う方法がわからない。

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

// the following is loop'd

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

同時に実行するぼかしアニメーションまたはフォーカスを含めることは可能ですか? これを行うライブラリはまだ見つかりません。$activeText もテキストであり、画像ではありません。

乾杯

編集

私はこれを試しました：

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

しかし、それは機能していません、grrr

4

1 に答える 1

1

最終的に最善の方法は、text-shadow を使用して高いスプレッドを与えることであることがわかりました。これがフェードインすると、ぼかしの効果が得られました。

CSS

text-shadow: 0 0 0.3em white;

私が知る限り、text-shadow をアニメーション化する方法はありません。

于 2013-10-31T11:29:36.167 に答える