jquery - 使用 Jquery 为多个文本阴影设置动画

Question

我正在尝试创建改变颜色的霓虹灯效果。为此，我正在使用（仅适用于 Chrome、FF、Safari 和 Opera）4 个文本阴影，它们都具有相同的颜色但具有不同的模糊大小。静态效果看起来很棒，但我似乎无法更改它的颜色，因为 jquery UI 不支持更改文本阴影颜色，而且我发现的唯一 jquery 插件明确表示它只能为一个文本阴影设置动画.. .

所以我希望你们所有的 JS 策划者已经解决了这个问题，因此可以帮助我！

我在这里看到了这种效果（以一种很棒的方式）：http: //metafizzy.co/

有人愿意向我解释它是如何实现的吗？我不需要任何花哨的东西...

提前致谢！

约翰

Answer 1

我认为可以使用 jQuery 函数来完成，.animate()如下所示：

$('span#your-neon').animate({
    step : function(now,fx){
         // generate values based on the now parameter (0 < now < 2000)
         // $(this).css('text-shadow','...multiple text-shadows based on the generated values....')
    },
    duration : 2000
})