jQuery 发光动画 : how to improve?

Question

我一直在使用 CSS 和 jQuery(简单的 CSS 样式更改，请参阅 here)使事物发光，现在我想知道如何使这些动画变得更好。

目前，我只是在无框阴影和有框阴影之间进行过渡，这看起来不错。但我试图找到如何让它看起来更好，就像它是某种雾:基本上，而不是有一个固定长度的盒子阴影，让它在这里更长，那里更短(不规则阴影，所以说话)。

现在我不希望使用 CSS3 的 box-shadow 可以做到这一点(但也许我错了)，所以我想知道如何产生我正在使用 jQuery 搜索的效果。有没有办法用 jQuery 生成一些图层？或者创建一个幽灵文本并使用其文本阴影？

我对这里的各种解决方案持开放态度。

提前致谢!

Answer 1

首先，如果我们的建议“更好”，看看您必须比较的内容可能会有所帮助。

我会告诉你，当谈到发光时，对比确实是你的 friend 。我在这里写了一些简单的例子来展示一些不同的想法。我在这里使用了文本阴影作为发光效果，您可以将它们堆叠起来以改变发光效果(例如，参见第三个选项)。如果你想让它“动起来”，你可以把它放在一个 setinterval 上以在类之间切换(见第一个选项)。

我正在使用 jquery 和 jquery UI 来切换类，但还有其他选择。

演示: http://jsfiddle.net/mikecruz/zjbXa