jquery - 如何使用jQuery闪烁阴影？

我是一个新手，我想弄清楚如何在元素上闪烁盒子阴影，但我做不到。

到目前为止，我得到了this。

从理论上讲，它应该起作用。我在循环内使用setInterval，但是没有用。另外，我认为我在切换功能上遇到了一些问题。

主要要点是，当页面开始加载时，我希望该元素的盒子阴影从非常快的速度开始闪烁到非常慢的速度，最终将停止。

你有什么建议吗？！

最佳答案

我同意Praveen Vijayan。这是带有css3关键帧的展示柜：http://jsfiddle.net/ufP7h/

@-webkit-keyframes twinkly {
    0%   { box-shadow: 0 0 10px #6c9; }
    100% { box-shadow: 0 0 10px red; }
}
@-moz-keyframes twinkly  {
     0%   { box-shadow: 0 0 10px #6c9; }
    100% { box-shadow: 0 0 10px red; }
}
@-ms-keyframes twinkly  {
     0%   { box-shadow: 0 0 10px #6c9; }
    100% { box-shadow: 0 0 10px red; }
}

#twinkle {
    -webkit-animation: twinkly 1s alternate infinite;
    -moz-animation: twinkly 1s alternate infinite;
    -ms-animation: twinkly 1s alternate infinite;
}