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

标签 javascript jquery html image

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

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

更多重点

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

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

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

最佳答案

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

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

关于javascript - 如何在 Javascript 或 CSS 中旋转图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2367595/

相关文章:

html - 用作线条的 CSS 边框,但需要在到达最后一个 child 后停止

javascript - 需要在具有 overflow-y auto 的父元素之外创建一个元素

javascript - jQuery 航路点不工作

javascript - 主应用程序组件无法找到将 Vue 组件移动到单独的文件中

javascript - history.pushState 后转发按钮不起作用

javascript - 更改部分文本的颜色 css 或 javascript

jquery - Railsredirect_to不同的 Controller 然后调用方法

javascript - 当幻灯片处于事件状态时将 css 应用于祖 parent div

javascript - 如何使用 npm 安装 gulp jshint?

javascript - react组件中如何使用antd divider分隔屏幕的两侧?