开发者

Rotate a webpage clockwise or anticlockwise

开发者 https://www.devze.com 2023-02-20 19:28 出处:网络
I want to give user the option to rotate the content of 开发者_如何学JAVAmy webpage, including images, text and divs. Is this possible?

I want to give user the option to rotate the content of 开发者_如何学JAVAmy 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)


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


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

The relevant website can be found here

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号