旋转div元素

是否可以使用Javascript旋转div元素&不使用HTML 5？旋转div元素

如果是这样，我设置/更改元素的哪些属性以使其旋转？即，div.what？

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

来源

2011-03-09 Mach

当您排除HTML5时，您还排除了CSS3吗？ – 2011-03-09 22:34:47

嗯，我排除HTML5是因为它不适用于所有浏览器，所以如果CSS3适用于所有浏览器（是吗？），那么我会使用它。 – Mach 2011-03-09 22:40:31

IE不与CSS3和HTML5特别版本完全兼容之前IE9 – 2011-03-09 22:46:01

是的，可以不使用HTML5旋转div，但使用CSS3。

您可以在CSS3 Please上试验CSS旋转（打开.box_rotate规则）。

欲了解更多信息，谷歌为：CSS如果你想办法把那对所有的浏览器（包括IE6），那么试着Raphaël工作旋转的文本旋转

。

来源

2011-03-09 22:36:14 rsp

+1一个非常有趣的环节 – Benubird 2013-04-15 13:14:11

老问题，但答案可能帮助别人......

您可以使用旋转所有主流浏览器专有的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 ='自动展开'” - 这对于避免裁剪结果至关重要。我很确定矩阵转换（至少在某些能力上）也支持在MSIE 6中，但它在什么情况下支持它们（以及它越来越难于处理8）更加不合理。

来源

2011-07-05 10:52:29

+1的IE版本。 – 2011-12-09 07:50:48

+1版本的IE版本。如果只有我知道..！ – Leonard 2011-12-09 08:05:03

@赞泰尔，确切！看看我的答案。 css3到IETransform。这个人是天才。 – 2011-12-09 08:07:18

我知道我迟到了。为了后人的缘故，我想发布this：这个网站很不错，它甚至可以为其相应的css3对应物执行矩阵转换。

来源

2011-12-09 08:03:46

+！感谢您发布一个链接到自动生成矩阵变换的东西，回来这里来做到这一点！ :) – 2011-12-10 12:49:04

您可以在IE中使用Matrix。这是一个以交叉浏览器的方式解决它的函数。

http://kaisarcode.com/javascript-rotate