javascript - テキストが追加されたときに div の背景をフェードする

Question

function showText(text) {
    $("#messages").append(text + "</br>");
    $("#messages").scrollTop($("#messages")[0].scrollHeight); 
    //line above is to automatically scroll the div to last added text
}

追加された行の背景をフェードインしてからフェードアウトさせたいです（ユーザーの注意を引くために、0.5秒後にフェードアウトする必要があります）。cssの使い方がわかりません。可能であれば、フェードの色は、ハイライトされているかのように、電球の黄色のようなものにする必要があります:P よろしくお願いします:)