1

我一直在使用 CSS 和 jQuery（简单的 CSS 样式更改，请参阅此处）让事物焕发光彩，现在我想知道如何使这些动画变得更好。

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

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

我在这里接受各种解决方案。

提前致谢！

4

2 回答 2

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;

实现不规则阴影效果

于 2012-06-06T08:40:55.283 回答
1

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

我会告诉你，当谈到发光时，对比真的是你的朋友。我在这里写了一些简单的例子来展示一些不同的想法。我在这里使用了 text-shadow 作为发光效果，您可以将它们堆叠起来以更改发光效果（例如，参见第 3 个选项）。如果你想让它“动画化”，你可以把它放在一个 setinterval 上以在类之间切换（见第一个选项）。

我使用 jquery 和 jquery UI 进行类切换，但也有其他选择。

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

于 2012-06-06T09:45:43.750 回答