顺时针或逆时针旋转网页

Posted 2023-05-08

技术标签:

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

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

PS：

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

【问题讨论】：

@Tomalak jsfiddle.net/KdNNy/1 CSS3 来救援！ 【参考方案1】：

你可以使用 CSS3

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

http://jsfiddle.net/KdNNy/1/

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

编辑

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

http://jsbin.com/utupu5/（整页）

【讨论】：

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

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

【讨论】：

【参考方案3】：

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