jquery - jQuery でアウトラインをアニメーション化する

Question

特定の表の行に注目を集めたいのですが、その周りにアウトラインを配置します。

次のように追加できます。

$("#myTable tr:last-child").css("outline", "#c00 solid 2px");

しかし、最初にこのアウトラインをフェードインし、数秒後にフェードアウトしたいと思います。

.animate() 関数があることは知っていますが、この場合に組み込む方法がわかりません。

Answer 1

jquery-colorはニーズに合うはずです。

<div style="outline: solid 10px rgba(255,0,0,0)" />

$("div").animate({
    outlineColor: "rgba(255, 255, 0, 1.0)" 
}, 5000);

例