如何使用CSS和JavaScript编码这个令人敬畏的发光边框效果？

我如何能重新创建任何线索？下面是一些我的意见：

我看到他们有一个巨大的多彩的形象在这里： http://labs.dragoninteractive.com/panel/demo/lib/img/form/map/rmap.jpg
当你专注的颜色似乎淡出（和消失的模糊）的形式
我不知道他们是如何使用的源图像他们有
我不知道他们是如何越过边界平移画面的色彩鲜艳得到柔化边缘（发光）无限
的标记似乎很凌乱;理想我想比他们有什么
This one简单的解决方法是用CSS3的所有的克隆，但我不喜欢怎样的外发光不留出现均匀

很酷的效果，但：* *免责声明：这意味着作为一个CSS3技术演示，而不是一个最佳实践教程.' – Ibu 2011-05-29 01:36:19

@Ibu：是否已经有一个最佳做法的动画形式的边界与彩虹？如果没有适当的浏览器支持，这是不正常的和标准的浏览器退化。在这种情况下，“不是最佳实践”究竟意味着什么？更重要的是，谁在乎？我不是说这是消极的，我只是很难理解你来自哪里。 – Jordan 2011-05-29 02:28:37

吃大量的过程资源不是最佳实践@Jordan，不是负面的，但那是我来自 – Ibu 2011-05-29 02:34:45

颜色变化作用因为rmap.jpg（非常大的彩色图像）的位置是动画的。有一个alpha透明胶片的.png，它可以作为rmap.jpg的哑光效果，创建漂亮的柔和色彩过渡效果。动画是使用jQuery处理的。

2011-05-29 02:02:33 KatieK

您看到的软边缘实际上是<img/>标记内部名为content-gradient.png的透明图像。

所以这个大的彩色图像出现在这个PNG下面，并创建了柔和发光边缘的幻觉。

如果您使用Google Chrome或Firefox与Firebug，则可以“检查”DOM以查看它是如何工作的。您会注意到，彩色图像的背景位置在运行时正在改变，可以通过使用jQuery或其他Javascript库的循环来完成。

js.php?page=login资源可能是什么照顾的逻辑。

2011-05-29 02:03:33 nav

PHP是服务器端：它不能在客户端上运行循环。此外，jQuery不是一种语言：它是一个库。 – 2011-05-29 02:20:29

@passcode - 感谢您纠正和改善我的答案... – nav 2011-05-29 05:44:05

回答