旋转 div 元素

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

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

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

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

您可以在所有主要浏览器中使用专有的 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）。