我正在尝试创建改变颜色的 NEON 效果。为此,我正在使用(仅适用于 Chrome、FF、Safari 和 Opera)4 个颜色相同但模糊大小不同的文本阴影。静态效果看起来很棒,但我似乎无法更改它的颜色,因为 jquery UI 不支持更改文本阴影颜色,而且我发现的唯一 jquery 插件明确表示它只能为一个文本阴影设置动画。 .
所以我希望你们所有的 JS 大师已经解决了这个问题一次,从而可以帮助我!
我在这里看到了这种效果(以一种令人敬畏的方式):http://metafizzy.co/
有人愿意向我解释如何实现吗?我不需要任何花哨的东西......
提前致谢!
约翰
最佳答案
我认为这可以通过 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 - 使用 Jquery 动画化多个文本阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11336253/