Javascript 旋转div元素

是否可以使用Javascript而不是html5来旋转div元素

如果是，我应该设置/更改元素的哪些属性以使其旋转？什么

---

PS：当我说旋转时，我的意思是围绕一个轴旋转一个图像，并不是每x毫秒显示一个不同的图像旋转。

是的，可以使用CSS3而不是HTML5来旋转一个div

您可以尝试启用CSS旋转（启用.box\u旋转规则）

有关更多信息，请使用Google For:css rotate

---

如果你想找到一种在所有浏览器（包括IE6）上都能运行的旋转文本的方法，那就试试。

老问题，但答案可能会对某人有所帮助

您可以在所有主流浏览器中使用专有的CSS标记来旋转元素（不过HTML5这个术语在这里并不特别相关）

如何使用CSS将元素旋转45度的示例：

.example {
    -webkit-transform: rotate(45deg); /* Chrome & Safari */
    -moz-transform: rotate(45deg); /* Firefox */
    -ms-transform: rotate(45deg); /* IE 9+ */
    -o-transform: rotate(45deg); /* Opera */
    transform: rotate(45deg); /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678, sizingMethod='auto expand'); /* IE 7-8 */
}

是的，MSIE语法太可怕了。请注意“sizingMethod='auto expand'”——这对于避免裁剪结果至关重要

---

我相当肯定MSIE 6也支持矩阵变换（至少在某种程度上是这样），但更为关键的是，它在什么情况下支持矩阵变换（而且越来越难以关注8）。

我知道我迟到了。为了子孙后代，我想发帖：这个网站相当不错，它甚至对其对应的css3副本执行矩阵变换

你可以在IE中使用矩阵来完成。下面是一个函数，它以交叉方式解决这个问题

---

如果您正在寻找一种即时完成的方法，那么您可以使用

element.style.transform=“rotateZ（90度”）；

确保在CSS语句周围使用引号。

如果你想在一秒钟内完成（我知道你不想这样做，反正我只是在做），你可以把

element.style.transition=“1s”；
element.style.transform=“rotateZ（90度）”；

当您排除HTML5时，您是否也排除了CSS3？我之所以排除HTML5，是因为它不会在所有浏览器上工作，所以如果CSS3在所有浏览器上都工作（是吗？）然后我会使用它。IE与CSS3和HTML5不完全兼容，特别是IE9HTML5和CSS3之前的版本在我的书中不存在，直到每个主要浏览器都支持它们。@Zantel，没错！看看我的答案。css3到IETransform。这家伙是个天才。在过滤方法中，你从哪里得到这些值<代码>M11=0.7071…？如果我想改为使用90deg，我该如何计算新的值呢？看看上面@Ashwin发布的URL，它可以为您计算这些值（该页面上还有一个关于它的博客帖子链接）。另一个选项是css3pie.com您可以使用它来计算IE矩阵值：+！感谢您发布了一个链接，指向自动生成矩阵变换的内容，我回来就是为了这么做的！：）欢迎来到堆栈溢出！请注意，由于两个原因，这里不鼓励你自己的网站/产品的裸链接；首先，答案应该作为一个独立的答案发布，而不仅仅是指向外部站点的链接。第二，自我推销在这里往往是不受欢迎的，并且经常被标记为垃圾邮件（特别是如果没有披露您正在链接到自己的网站/产品）。