animation - JQuery で CSS3 Transform をアニメーション化する方法

Question

JQueryでCSS3 Transformを使った簡単なアニメーションを回転させたいのですがうまくいかないようです。ここで私のコードは次のとおりです。

<script>
function sun() {
    $('#sun').animate({opacity:0.5, '-webkit-transform':'rotate(360deg)'},5000).animate({opacity:1, '-webkit-transform':'rotate(-360deg)'},5000);
    setTimeout('sun()',2000);   
}
    $(document).ready (function() {
        sun();
    });
</script>

ヘルプ