Animation 如何在JQuery中设置CSS3转换的动画

我想在JQuery中使用CSS3 Transform rotate制作一个简单的动画，但它似乎不起作用。以下是我的代码：

<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>

函数sun（）{
$（“#sun”）。设置动画（{opacity:0.5'-webkit transform'：'rotate（360deg）}，5000）。设置动画（{opacity:1'-webkit transform'：'rotate（-360deg）}，5000）；
setTimeout（'sun（）'，2000）；
}
$（文档）.ready（函数（）{
sun（）；
});

---

帮助

切勿将

设置超时

与字符串一起使用（就像魔鬼

评估

）！！！使用

setTimeout（sun，2000）取而代之！你的意思是仅仅使用CSS动画？我希望动画继续，这就是为什么我在CSS3中使用JQuery而不是关键帧等。