Rotate a webpage clockwise or anticlockwise

问题

I want to give user the option to rotate the content of my webpage, including images, text and divs. Is this possible?

PS:

I want to rotate the entire webpage. Not just a container div.

回答1:

You could use CSS3

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

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

Doesn't work on all browsers though. This example is only for firefox and chrome/safari. Opera should have it as well. Maybe even IE

EDIT

And just in case anyone thinks "oh he's just rotating a DIV!", check this

http://jsbin.com/utupu5/ (full page)

回答2:

the only way I have heard of to make this achieved is embeding your HTML in a SVG foreign content element.

回答3:

If you're using jQuery you can use the jRumble plugin to achieve this

The relevant website can be found here

来源：https://stackoverflow.com/questions/5498392/rotate-a-webpage-clockwise-or-anticlockwise