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

今天我学到了 ：

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

Fiddle'd

Answer 2

您将不得不尝试使用您正在使用的任何浏览器，但我发现这些样式的名称是我需要更改document.body.style.MozTransform="rotate(4deg)" ，这意味着你document.body.style.MozTransform="rotate(4deg)"可能需要更改document.body.style.WebkitTransform = rotate(-90deg);

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