javascript - jquery を使用してこのスクリプトにフェードイン関数を追加するにはどうすればよいですか?

Question

以下のスクリプトを使用して、クリック時に背景画像を変更していますが、フェードインでトランジションを少しスムーズにしたいと考えています。それは可能でしょうか？

スクリプトは次のとおりです。

      <script>
  $(function(){
      $("#button").on("click", function(e) {
      e.preventDefault();
      $('.class').css("background-image", "url('http://website.com/images/image.png')");

      });
      });
      </script>