如何在Javascript或CSS中旋转图像

我正在创造一个简单的游戏.

我想使用jQUERY旋转关节使其移动.我使用.animate(http://api.jquery.com/animate/)来动画CSS属性,但如果也可以使用Javscript,我可以创建自己的自定义代码.

更多重点

如何在CSS或Javascript中旋转图像？我更喜欢CSS,但Javascript也很好.

如果不可能(我很确定它是,但我还没有放弃)还有其他任何可能的方法来做我想做的事情,而不是制作一堆单独的图像,每个旋转不同的方式.或者任何人都可以至少给我一个类似的网站的例子.

编辑:我需要1个CSS属性(no -something:rotation(500deg);)与FireFox,Safari和Chrome一起使用,因为这些是我真正使用的唯一浏览器.

Firefox和Webkit浏览器支持"转换"CSS属性("-webkit-transform"," - moz-transform").那些可以做各种有趣的事情.有一个非常弱的IE工具允许非常有限的旋转,所以它不是一个像游戏这样的选项.

这是我几天前为另一个Stackoverflow问题制作的演示页面:http://gutfullofbeer.net/compass.html