jQuery发光动画:如何改进?

时间:2012-06-06 08:18:37

标签: jquery html jquery-ui css3

我一直在用CSS和jQuery(简单的CSS样式更改,请参阅here)制作一些东西,现在我想知道如何让这些动画变得更好。

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

现在我不希望CSS3的盒子阴影可以实现(但也许我错了),所以我想知道如何产生我用jQuery搜索的效果。有没有办法用jQuery生成一些图层?或者也许创建鬼文本并使用其文本阴影?

我在这里开放了各种解决方案。

提前致谢!

2 个答案:

答案 0 :(得分:1)

请参阅此http://www.css3.info/preview/text-shadow/

可能是帮助

http://jsfiddle.net/zenjJ/102/

的示例

使用

text-shadow: 0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;

实现不规则的阴影效果

答案 1 :(得分:1)

首先,如果我们的建议“更好”,看看你要比较的内容可能会有所帮助。

我会告诉你,对比度确实是你的朋友。我在这里写了一些简单的例子来展示一些不同的想法。我在这里使用了文本阴影来进行发光,你可以叠加它们来改变发光(例如,参见第3个选项)。如果你想让它“动画”你可以把它放在一个setinterval上来在类之间切换(参见第一个选项)。

我正在使用jquery和jquery UI进行类切换,但也有其他替代方法。

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