用Jquery动画多个文字阴影

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

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

我已经看到了这个效果的工作（在一个真棒的方式）在这里：http://metafizzy.co/

人照顾解释我howit可以完成？我不需要任何花哨的东西......

在此先感谢！

约翰

来源

2012-07-04 LIMsomnium

我认为它可以与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 
})

来源

2012-07-05 00:32:05 Ties

我认为它也可以在CSS3的属性'做animation' http://filmic.eu/博客/ css3环状动画/ – Ties

我基本上肯定你的jQuery答案会工作，因为我'主要确信我可以通过jquery.css改变css文本阴影颜色没有问题。然而，在研究metafizzy示例后，我意识到它是一个css3动画，因为user338128表示这是通过将jquery的主体类更改为'color1'，'color2'等来触发的......并且通过预定义的动画，它导致颜色改变。由于我不需要任何花哨的东西，我选择了css3动画循环方式。非常感谢你的回答和你的时间。 – LIMsomnium

用Jquery动画多个文字阴影

回答

相关问题