記事の境界線をアニメーション化する方法[重複] - jquery、html5

シンプルな記事要素があります <article id="why-me" style="">text</article> スタイル付き：

article {
background: none repeat scroll 0 0 #000000;
border: 2px solid #353535;
box-shadow: 0 0 5px black;
opacity: 0.8;
}

section#content article {
background: none repeat scroll 0 0 #050505;
border-radius: 3px 3px 3px 3px;
margin-bottom: 20px;
padding: 10px;
position: relative;
z-index: 5;
}

だから私はのようなフラッシュボーダーをやろうとしている jQuery("#why-me").animate({"borderColor": "#717171"});、しかし何も起こりません...問題はどこにありますか？

回答：

デフォルトでは、カラーアニメーションはjQueryの一部ではありません。そのためのプラグインが必要です：

http://www.bitstorm.org/jquery/color-animation/

jqueryが含まれている場合、アニメーションの継続時間を指定する必要があります。

jQuery("#why-me").animate({"borderColor": "#717171"},fast);