jquery - 使用 Jquery 动画化多个文本阴影

标签 jquery jquery-ui css

我正在尝试创建改变颜色的 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/

相关文章:

javascript - 在加载的 html 上使用 javascript

javascript - 将事件绑定(bind)到 jQuery Modal Pop Up 中动态添加的元素

html - 在一个大块中显示图像缩略图的最佳方式是什么?

javascript - 使用浏览器操作 Chrome 扩展程序

javascript - 如何隐藏 WordPress 侧边栏小部件中的列表条目?

jquery - jQuery ui按钮在IE8中单击时崩溃(仅)

html - ios 上的 css 固定定位

css float 宽度百分比

javascript - 如何在 HTML <body> onload 中调用 jQuery 函数?

javascript - 表中的 ng-repeat datepickers 提示 'missing instance data' 错误