我正在尝试使用此处共享的代码段为文本阴影设置动画以淡入淡出:
使用 jQuery 为 text-shadow 元素设置动画
我的代码本质上是:
$.fx.step.textShadowBlur = function(fx) {
$(fx.elem).css({textShadow: '0 0 ' + Math.floor(fx.now) + 'px white'});
};
$("#seconds").animate({textShadowBlur:20}, {duration: 300, complete: function() {
$("#seconds").animate({textShadowBlur:0}, {duration: 300});
}});
我遇到的问题是“淡出”部分似乎不起作用。阴影模糊仅增加到 20,然后“重置”为 0。
jsfiddle的问题:http: //jsfiddle.net/ANs92/