如何使用jQuery闪烁阴影？

我是一个新手,我试图弄清楚如何在一个元素上闪烁盒子阴影,但我不能.

到目前为止我得到了this.

从理论上说,它应该起作用.我在内部使用了setInterval for循环,但它不起作用.另外,我认为我在切换功能方面遇到了一些问题.

主要的一点是,当页面开始加载时,我希望该元素的盒子阴影从非常快到非常缓慢地开始闪烁,最终它会停止.

你有什么建议吗？！

我同意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;
}