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

Question

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

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

Answer 1

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

我通过实现像这样的动画"虚拟"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

Answer 2

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

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

会给你财产

使用 javascript 的字符串函数来处理它：http://www.w3schools.com/jsref/jsref_obj_string.asp 和 parsefloat('2px') 将为您提供 2