CSS / JS / HTML：JS功能可以旋转整页吗？

Question

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

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

如何在javascript函数中执行此操作？我以前用身体背景做过，但我不能让它起作用。

以下是我的尝试：

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

和

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

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

Answer 1

Today I learned：

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

Fiddle'd

Answer 2

你必须在你正在使用的任何浏览器中进行实验，但我发现这些样式的名称是我需要更改document.body.style.MozTransform="rotate(4deg)"，这意味着你需要更改{{1}。 1}}

请记住，javascript非常不喜欢变量名中的document.body.style.WebkitTransform = rotate(-90deg); ......