animation - 如何在 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>

帮助