简体   繁体   English

顺时针或逆时针旋转网页

[英]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. 我想让用户选择旋转我的网页内容,包括图像,文本和div。 Is this possible? 这可能吗?

PS: PS:

I want to rotate the entire webpage. 我想要旋转整个网页。 Not just a container div. 不只是一个容器div。

You could use CSS3 你可以使用CSS3

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

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

Doesn't work on all browsers though. 但是不适用于所有浏览器。 This example is only for firefox and chrome/safari. 此示例仅适用于firefox和chrome / safari。 Opera should have it as well. 歌剧也应该拥有它。 Maybe even IE 也许甚至是IE

EDIT 编辑

And just in case anyone thinks "oh he's just rotating a DIV!", check this 如果有人认为“哦,他只是在旋转DIV!”,请检查一下

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

If you're using jQuery you can use the jRumble plugin to achieve this 如果你正在使用jQuery,你可以使用jRumble插件来实现这一目标

The relevant website can be found here 相关网站可在此处找到

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

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