简体   繁体   中英

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.

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)

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

The relevant website can be found here

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

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM