CSS/JS/HTML：旋转整页的 JS 函数？答案

【问题标题】：CSS/JS/HTML: JS Function to rotate full page?CSS/JS/HTML：旋转整页的 JS 函数？
【发布时间】：2012-05-24 06:40:55
【问题描述】：

好的，所以对于我在网络课程中的期末考试，我们应该让网站做任何我们想做的事情。我现在已经完成并决定添加一些有趣的东西。

我想用-webkit-transform: rotate(-4deg);在身体上。

如何在 javascript 函数中做到这一点？我以前用身体背景做过，但我不能让它工作。

这是我尝试过的：

function rotatepage() {
    document.body.style.-webkit-transform =  rotate(-90deg); 
}

和

function rotatepage() {
    document.body.style =  -webkit-transform:rotate(-90deg); 
}

有什么想法吗？这可能吗？

【问题讨论】：

我认为这个问题是重复的。在这里找到可能可以帮助您：stackoverflow.com/questions/708895/…
嗯，为什么现在没有人看到明显的语法错误了？
How to set the style -webkit-transform dynamically using Javascript? 的可能副本

标签： javascript html css rotation

【解决方案1】：

Today I learned:

document.body.style.setProperty("-webkit-transform", "rotate(-90deg)", null);

Fiddle'd

【讨论】：

【解决方案2】：

您必须在您使用的任何浏览器中进行试验，但我发现样式的命名使得我需要更改document.body.style.MozTransform="rotate(4deg)"，这意味着您很有可能需要更改document.body.style.WebkitTransform = rotate(-90deg);

请记住，javascript 非常不喜欢变量名中的 '-' 之类的东西...

【讨论】：