javascript - 如何在 Javascript 或 CSS 中旋转图像

Question

我正在创建一个简单的游戏。

我想使用 jQUERY 来旋转关节使其移动。我正在使用 .animate ( http://api.jquery.com/animate/ ) 为 CSS 属性设置动画，但如果也可以使用 Javscript，我可以制作自己的自定义代码。

更多重点

如何在 CSS 或 Javascript 中旋转图像？我更喜欢 CSS，但 Javascript 也不错。

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

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

Answer 1

Firefox 和 Webkit 浏览器支持“转换”CSS 属性(“-webkit-transform”、“-moz-transform”)。那些可以做各种有趣的事情。有一个非常弱的 IE 工具允许非常有限的旋转，所以它不是真正的游戏之类的选择。

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