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

Question

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

到目前为止我得到了 this .

理论上，它应该有效。我在 for 循环中使用了 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;
}

​