如何動畫文章邊境

我有簡單的文章元素<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'});，但沒有任何反應......問題出在哪裏？

來源

2013-02-26 user1692333

是否包含jQuery ui？ – Musa 2013-02-26 19:09:42

如果你只是想改變顏色，你可以使用'.css（'border-color'，'＃717171'）'，但實際上你需要使用插件來設置動畫的顏色。有一個[官方jQuery插件]（https://github.com/jquery/jquery-color/），還有[jQueryUI]（http://jqueryui.com/animate/）。 – redbmk 2013-02-26 20:21:34

彩色動畫是不是默認的jQuery的一部分。你需要一個插件：

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

來源

2013-02-26 19:12:14 Fresheyeball

如果包括jQuery的，你必須指定動畫的持續時間：

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

來源

2013-02-26 19:11:24

這個答案不準確，不完全正確。請檢查它 – 2013-02-26 19:14:00

如何動畫文章邊境

回答

相關問題