使用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