javascript - Chrome 拡張機能を使用してページ全体をフェードアウトする

Question

Chrome 拡張機能を使用して、ページ全体をフェードインおよびフェードアウトしようとしています。

背景を赤くする例から始めて、体にfadeOut関数を追加しようとしたのですが、その部分が機能せず、赤くなる部分だけが機能します。

// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function(tab) {
  // No tabs or host permissions needed!
  console.log('Turning ' + tab.url + ' red!');
  chrome.tabs.executeScript({
  code: 'document.body.style.backgroundColor="red"; document.body.fadeOut();'
  });
});

何か案は？また、document.body と $('body') の違いを理解しようとしています。私はJavaScriptが初めてで、ソリューションを検索するとき（つまり、「JavaScriptでページ全体をフェードする方法」）、$（ 'body'）を使用するようですが、chrome拡張コードはdocument.bodyを使用します。それらが互換性があるかどうかはわかりません。ありがとう！