如何在JQuery中为CSS3变换制作动画

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>

帮助