3

我们如何在没有 css3 的情况下实现 html 元素的旋转？

使用 CSS3 动画非常容易，例如

{
   Rotation-point: 50% 50%;
  Rotation: 180deg;
}
4

4 回答 4

4

我遇到了 jquery rotate，即使在不支持 CSS3 的 IE8 中，它也是一种旋转解决方案

详情请参考链接

http://code.google.com/p/jqueryrotate/wiki/Examples

于 2013-05-09T10:33:12.737 回答
1 
$('#elementId').css({'transform':'rotate(45deg)',
                 '-moz-transform':'rotate(45deg)',
                 '-webkit-transform':'rotate(45deg)',
                 '-o-transform':'rotate(45deg)',
                 '-ms-transform':'rotate(45deg)'});

这使用 JQuery。

于 2013-05-09T11:18:19.807 回答
0

您可以使用 Javascript 来旋转元素；只需设置旋转样式：

element.style.transform='rotate(45deg)';

在这里演示：http: //jsfiddle.net/6CJpK/

但这仍然使用 CSS，尽管由 Javascript 控制。

这显然只适用于支持该transform样式的现代浏览器。对于较旧的浏览器，您将需要某种类型的 polyfill，或者像 jQuery 这样的库。

但这仍然在后台使用 CSS。

如果您真的想要一个与 CSS 相去甚远的解决方案，那么您需要求助于使用 SVG 或 Canvas 绘制图形，并使用这些 API 中的内置旋转功能。

于 2013-05-09T11:06:39.157 回答
-1

如果您不想使用 CSS3，那么您可以选择 Jquery。

Jquery 是最有效的一种，它减少了代码和时间。

于 2013-05-09T10:32:55.090 回答