如何使用jQuery闪烁阴影？

Question

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

到目前为止我得到了这个.

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

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

你有什么建议吗？!

Answer 1

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

​