CSS/JS/HTML：JS函数如何旋转整个页面？

Question

好的，所以针对我在网络课程中的期末考试，我们只需要使网站做任何我们想要的事情。我已经完成了，并决定添加一些有趣的东西。

我想在body上使用-webkit-transform: rotate(-4deg)；。

我怎样才能在JavaScript函数中实现这个目标？我以前已经用过body背景做过了，但是我无法让它起作用。

以下是我尝试过的内容：

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

并且

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

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

- user802609

---

我认为这个问题是重复的。在这里找到的内容可能会对你有所帮助：https://dev59.com/b3RB5IYBdhLWcg3wJUau - Kannika

嗯，为什么现在没有人能看到明显的语法错误了呢？ - ThiefMaster

可能是重复的问题：如何使用Javascript动态设置样式-webkit-transform？ - Wladimir Palant

Answer 1

Today I learned:

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

Fiddle'd

- Oleg

Answer 2

您需要在使用的浏览器中进行实验，但我发现样式的命名是这样的，以至于我需要更改 document.body.style.MozTransform="rotate(4deg)"，这意味着您需要很大的机会来更改document.body.style.WebkitTransform = rotate(-90deg);

记住，JavaScript非常不喜欢变量名称中有像'-'这样的东西...

- zebediah49