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
})

使用Jquery动画多个文本阴影

1 个答案: