顺时针或逆时针旋转网页答案

【问题标题】：Rotate a webpage clockwise or anticlockwise顺时针或逆时针旋转网页
【发布时间】：2011-07-26 18:50:07
【问题描述】：

我想让用户选择旋转我的网页内容，包括图像、文本和 div。这可能吗？

PS：

我想旋转整个网页。不仅仅是一个容器 div。

【问题讨论】：

【解决方案1】：

你可以使用 CSS3

-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);

虽然不适用于所有浏览器。此示例仅适用于 firefox 和 chrome/safari。 Opera 也应该有。甚至是 IE

编辑

以防万一有人认为“哦，他只是在旋转 DIV！”，检查一下

【讨论】：

您只是将内容包装在
并旋转该特定 div。 ;) 如果页面不包含任何 DIV 是否仍然可以旋转？
@Selvin 我希望你在开玩笑！第二个示例实际上将样式应用于 BODY（我有预感人们会得出错误的结论！）。如果您打算编写没有正文的 HTML，那么我无能为力！ :P

【解决方案2】：

我听说实现这一目标的唯一方法是将您的 HTML 嵌入到 SVG 外部内容元素中。

【讨论】：

【解决方案3】：

如果你使用 jQuery，你可以使用 jRumble 插件来实现这一点