将网页顺时针或逆时针旋转

Question

我希望给用户提供旋转网页内容的选项，包括图像、文本和 div。这是否可能？

PS：

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

- Selvin

---

@Tomalak CSS3来拯救我们了！http://jsfiddle.net/KdNNy/1/ - JohnP

Answer 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/（全屏）。

- JohnP

---

你只需要将内容包裹在 <div id="wrap"> 中并旋转该特定的 div 即可。;) 如果页面不包含任何 DIV，是否仍然可以进行旋转？ - Selvin

@Selvin 我希望你是在开玩笑！第二个例子实际上将样式应用于BODY（我预感人们会得出错误的结论！）。如果您计划编写没有BODY的HTML，则我无能为力！:P - JohnP

Answer 2

如果您正在使用jQuery，可以使用jRumble插件来实现此功能。

相关网站可以在这里找到。

- Nikhil

Answer 3

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

- BiAiB