jquery - プラグインなしでこのホバー効果に回転を追加しますか?

Question

したがって、このコードは、「#header」にカーソルを合わせると「.n​​ow」を 20 ピクセル上に移動し、カーソルを離すと元に戻します。

$(document).ready(function() {
    $('#header')
        .hover(function() {
            $(".now").stop().animate({ top: -20 }, 'fast');
        }, function() {
            $(".now").stop().animate({ top: 0 }, 'fast');
        });
});

「.now」を移動するだけでなく、45度回転させるにはどうすればよいですか?

Answer 1

要素の回転は、さまざまな最新のブラウザー間で異なる方法で処理されるCSS3スタイルに基づいて構築されています...

したがって、プラグインなしでそれを行う方法はありますが、 jQuery Transitのような優れたjQueryプラグインを使用すると、（jQuery自体のように）必要な効果を達成するために必要なコードを単純化できます。