Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 478
Selvin Avatar asked Mar 31 '11 10:03

Selvin


2 Answers

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)

like image 63
JohnP Avatar answered Sep 19 '22 04:09

JohnP


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

like image 24
BiAiB Avatar answered Sep 21 '22 04:09

BiAiB