jquery .animate（）不動畫

我試圖讓邊框在元素周圍褪色。jquery .animate（）不動畫

回答：jquery animate .css，我使用了.animate() jquery函數，並遵循教程on the jquery site。

但是，我無法讓它工作。這是我在jsbin上的代碼： http://jsbin.com/epojaw/2 將鼠標懸停在文本上應該在其周圍的邊框上淡入淡出，而是突然出現。

這是爲什麼？

2012-06-21 dukevin

通過將邊框的寬度從0px更改爲1px，您正在使用淡入淡出效果。我假設步長是1px，所以是立即出現。

相反，您可以嘗試使用邊框顏色創建淡入淡出效果，例如從白到紅。然後jQuery能夠有更多的步驟，你的效果更好。

2012-06-21 10:40:24 Veger

我會改變BORDERCOLOR？並有可能做borderColor：rgba（x，x，x，0）？ – dukevin

查看http://stackoverflow.com/questions/813493/jquery-animate-border-color-on-hover獲取關於動畫邊框顏色的更多信息。 – Veger

@KevinDuke我剛測試過它，但沒有。您可以使用理論上的階梯函數手動創建自己的。 –

這是因爲如果你放10px的它動畫邊框寬度的邊境只有動畫邊框1 1。

2012-06-21 10:40:57

回答