CSS/JS/HTML:JS 旋转整页的函数

CSS/JS/HTML: JS Function to rotate full page?

本文关键字：JS 函数 HTML CSS 旋转      更新时间：2023-09-26

好的，所以对于我在网络课上的期末考试，我们只是应该让一个网站做我们所做的一切。我现在完成了，决定添加一些有趣的东西。

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

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

这是我尝试过的：

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

和 

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

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

今天我学到了：

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

小提琴

你必须

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

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

相关文章：