使用jQuery动画文本阴影的元素

我想知道是否有任何方法,使用jQuery,动画文本阴影的属性,如大小或颜色。

令人讨厌的是,没有单独的属性,如text-shadow-color而不是仅以组合forms提供的语句。

对于这个答案可能有点晚了,但无论如何……

我通过实现像这样动画的“虚拟”css属性来解决它

 $.fx.step.textShadowBlur = function(fx) { $(fx.elem).css({textShadow: '0 0 ' + Math.floor(fx.now) + 'px black'}); }; $(el).css({textShadowBlur:20}) .animate({textShadowBlur:1}, {duration: 1000}); 

这里有更详细的描述: http : //usefulthink.com/2010-12/animating-text-shadow-using-jquery

其他一些方法可以在这里找到: http : //forum.jquery.com/topic/let-s-animate-text-shadow

作为使用jQuery的替代方法,您可以使用UIZE JavaScript Framework的强大动画function。 在以下示例中,查看同时为多个文本阴影设置动画的不同元素…

http://www.uize.com/examples/hover-fader-text-shadow-animation.html

我发现真正有用的唯一方法是使用与相同的文本创建并使用绝对定位,负边距和.fadeIn()/。fadeOut()或不透明动画覆盖它。 但即便如此,因为所有动态扩展的元素和叠加层都是“关闭”看起来最好的,所以即使这样也是最糟糕的。

为什么不使用addClass(’shadow’),并在元素上添加转换?

当然这在旧IE中不起作用……

使用javascript解析CSS属性并创建一个新属性

 var myelement_shadow = $('myelement').css('text-shadow'); 

会给你的财产

使用javascript的String函数来处理它: http : //www.w3schools.com/jsref/jsref_obj_string.asp和parsefloat(’2px’)只会给你2